我是新来的AJAX
,我想学习如何验证表单。假设我有一个带有两个输入字段的表单。当我点击提交时,我想用 php 脚本检查页面。
验证成功后我想重定向到action="submitForm.php"
。当一个或多个字段根据validation.php
我想留在页面上并在字段旁边给出错误消息。
最好的方法是什么?
<html>
<head>
</head>
<body>
<form action="submitForm.php" action="POST">
<input type="text" name="username" />
<input type="password" name="password" />
<input type="submit" name="submit" />
</form>
</body>
</html>
提交表单.php:
<?php
echo $_POST["username"];
echo "<br />";
echo $_POST["password"];
?>
为了在实际提交表单之前处理字段,您可以捕获其提交事件:
<form action="submitForm.php" action="post" onsubmit="return MyValidation()">
然后,在你的 JavaScript 中:
function MyValidation() {
var valid = false;
$.ajax({
type: "POST",
url: "validation.php",
async: false,
data: { name: $('#username').val(), password : $('#password').val() }
})
.done(function( data ) {
if(data == 'true') {
valid = true;
}
});
// not valid, return false and show some hidden message
return valid;
}
(您需要添加一个ID<input>
字段以便 jquery 选择器工作...)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)