Javascript Ajax验证不需要'；行不通
当我提交时，它直接进入表单操作中的目标页面。没有验证发生 我的表格Javascript Ajax验证不需要'；行不通,javascript,php,jquery,ajax,twitter-bootstrap,Javascript,Php,Jquery,Ajax,Twitter Bootstrap,当我提交时，它直接进入表单操作中的目标页面。没有验证发生 我的表格 <form id="RegisterForm" method="post" action="register.php"> .. .. <input type="submit" value="Register Now" class="button"> </form> 导入的文件 $(document).ready(function () { $('#RegisterForm').val
<form id="RegisterForm" method="post" action="register.php">
..
..
<input type="submit" value="Register Now" class="button">
</form>
$(document).ready(function () {
$('#RegisterForm').validate({
rules: {
name: "required",
surname: "required",
address: "required",
nic: "required",
email: {
required: true,
email: true
},
phone: "required",
gfname: "required",
gsurname: "required",
gaddress: "required",
gphone: "required"
},
messages: {
name: "Please enter your name",
surname: "Please enter Your Surname",
address: "Please enter Address",
nic: "Please enter ID card Number",
email: "Please enter a valid email address"
},
// if success
submitHandler: function (form) {
$.post("register.php",$(form).serialize());
$('#RegisterForm').fadeOut("slow");
}
});
return false;
});
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
我对bootstrap和ajax还不熟悉。因此，在您的回答中，请提及我应该导入哪些文件来触发ajax验证。您可以尝试像这样组织脚本标记：
<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
但是，如果这不起作用，请确保所有ID都与规则部分中的ID匹配。您还检查了控制台是否有任何错误，以确保javascript没有抛出任何错误？您需要尽可能简化示例以发现问题 下面的例子很好：
<html>
<head>
<meta charset="utf-8">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.12.0/jquery.validate.min.js"></script>
<script type="application/javascript">
$(function () {
$('#RegisterForm').validate({
rules: {
name: "required"
},
messages: {
name: "Please enter your name"
},
// if success
submitHandler: function (form) {
$.post("index.php", $(form).serialize());
$('#RegisterForm').fadeOut("slow");
}
});
});
</script>
</head>
<body>
<form id="RegisterForm" method="post" action="">
<input type="text" name="name">
<input type="submit" value="Register Now" class="button" name="zzz">
</form>
</body>
</html>
$（函数（）{
$（'#RegisterForm'）。验证({
规则：{
名称：“必需”
},
信息：{
姓名：“请输入您的姓名”
},
//如果成功
submitHandler:函数（表单）{
$.post（“index.php”，$（form.serialize（））；
$（'#RegisterForm'）。淡出（“慢”）；
}
});
});