Tho*_*hom 2 html php validation ajax jquery
我是新手 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>
submitForm.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;
}
(您需要在<input>字段中添加ID 才能使jquery选择器工作...)