当我提交时,它会直接转到表单操作中的目标页面。没有进行验证。
我的表单
<form id="RegisterForm" method="post" action="register.php">
..
..
<input type="submit" value="Register Now" class="button">
</form>
我的Ajax代码validation.js
$(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 不会抛出任何错误?
关于javascript - Ajax 验证不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24300864/