有如下JQuery代码
$(function(){
。。。。//略
$('#reg_form').submit(function() {
check_user_name();
check_pwd();
check_cpwd();
check_email();
if(error_name == false && error_password == false && error_check_password == false && error_email == false && error_check == false)
{
return true;
}
else
{
return false;
}
});
})
当点击表单提交按钮时,即使判断条件return false,也无法阻止表单提交。
修改如下:
1、函数不能放在$中
$(function(){
。。。。//略
});
function submitcheck() { //重新命名函数名
check_user_name();
check_pwd();
check_cpwd();
check_email();
if(error_name == false && error_password == false && error_check_password == false && error_email == false && error_check == false)
{
return true;
}
else
{
return false;
}
});
2、submitcheck()中调用的几个函数,函数体如果是放在$中,也要拿出来才能调用到。
3、在表单的html代码中,添加onsubmit如下
<form method='post' action ='login.html' οnsubmit='return submitcheck();'>
这样,表单填写格式错误就会阻止表单提交了。
另外,在实践开发中,还是无法阻止提交的话,如果你是引入外部js文件,修改后需要删除浏览器数据(Chrome的快捷键:Ctrl +shift +Del),浏览器才会缓存新的js文件。