HTML - 使用停止PHP脚本的javascript进行输入检查
HTML - Input check with javascript that stops PHP script
这可能是一个有点奇怪的问题,但我有一些奇怪的情况。基本上,我有一个带有文本输入的html页面,旨在将某些输入与SQL数据库匹配,但必须首先检查输入是否为null。这是一种仅使用用户名的模拟登录系统。
我的问题来自这样一个事实,即我只需要将 PHP 用于数据库查询和传递值,例如文本字段中的内容。因此,我将表单设置为将 php 作为其操作,并制作了一个 javascript 文件,该文件首先运行其代码并检查 null。javascript 工作得很好,但是在它返回的警报关闭后,将加载 php 页面(它还没有包含任何代码,因为我需要先解决这个问题(。
有谁知道我如何解决它,以便用户被迫回到页面并重置 PHP 和 javascript?我尝试了一些试图重新加载页面的javascript命令,但PHP仍然激活。我读到AJAX可以处理这个问题,但是由于某种原因,我在让JQuery工作时遇到了很多麻烦。
很抱歉这个非常奇怪的问题,老实说,如果我能为此使用 PHP,那就太好了。无论如何,感谢您的任何和所有帮助,非常感谢!
JavaScript:
function loginEmpty() {
var login = document.getElementById("profileName").innerHTML;
if (login==null || login=="")
{
alert("You did not enter a username");
return false;
}
}
.HTML:
<script src="YSP.js" type="text/javascript"></script>
</head>
<body>
<div id="header">
<h1>You SHALL Pass!</h1>
</div>
<div id="navBar" class="mainScheme">
<!--Navbar content goes here-->
</div>
<div id="main" class ="mainScheme">
<h2>User Login</h2>
<!--Old user login - name match from DB-->
<form id="loginForm" action="You_Shall_Pass.php" method="post">
<fieldset>
<legend>Log in to a profile</legend>
<label for="profileName">User name: </label>
<input id="profileName" name="profileName" type="text" />
<input type="submit" id="loginButton" name="loginButton" value="Log in!" onclick="loginEmpty();" />
</fieldset>
</form>
<!--New user login - Creates a new user in DB-->
<form id="loginForm" action="You_Shall_Pass.php" method="post">
<fieldset>
<legend>New user? Create a user name here!</legend>
<label for="newProfileName">User name:</label>
<input id="newProfileName" name="newProfileName" type="text" />
<input type="submit" id="createButton" name="createButton" value="Create!" onclick="newUserEmpty();" />
</fieldset>
</form>
</div>
</body>
</html>
当单击表单内type="submit"
的按钮/输入元素时,封装该按钮的表单将调用表单的 action
属性。如果您不希望发生这种情况,则可以使用 <div>
元素并使用 CSS 设置其样式,使其看起来像一个按钮。当div 被点击时,表单将不会提交。
如果您希望 JQuery 工作,请在您的头标签中包含以下两行
<script src="/path/to/scripts/jquery.js"></script>
<script src="/path/to/scripts/yourjsfile.js"></script>
将您的提交按钮替换为 <div id="SubmitButton"></div>
。
然后在你的JavaScript文件中,你把
$(function(){ // $ means JQuery, so its a shortcut for JQuery(document).ready()
$("#SubmitButton").click(function(){
// function will run when SubmitButton is clicked
var DataIsValid = false;
if(/*Perform your checks here */)
DataIsValid = true;
//end function if checks failed
if(!DataIsValid)
return;
//perform an ajax call to send your data to the
//webserver where you can execute your PHP code
});
});
- 使用javascript检查多个输入值,并在1次检查中标记多个输入框
- JavaScript 检查隐藏字段中的值并将其设置为隐藏字段值
- 如何使用javascript检查移动sd卡中是否存在文件
- 使用javascript检查服务器上是否存在html文件
- javascript检查对象存在
- 如何使用Javascript检查当前鼠标按钮状态
- Javascript检查图像是否在数组中
- JavaScript检查某些文本中的许多关键字
- 如何使用JavaScript检查HTML表中插入的值的类型
- Javascript检查参数是否为零值
- Javascript检查表单的当前数据是否等于其原始数据
- JavaScript:检查变量是否等于两个或多个值之一的简单方法
- 使用JavaScript检查用户名是否已存在于SQLite中
- 如何使用javascript检查事件是否应用于元素
- Javascript-检查是否设置了cookie
- 使用 javascript 检查文本框是否以 92 开头
- 使用 Javascript 检查文本区域值是否为数字
- 使用 javascript 检查元素是否包含子标记而不是文本
- Javascript 检查范围是否重叠
- JavaScript - 检查 JSON 中是否有特定键可用