提交表单时,进行ajax验证
2013-08-27 16:23
183 查看
提交表单时,先进行ajax验证,根据验证结果判断是否提交表单。
这时的ajax验证必须是同步的,才能保证先验证后提交表单。
代码如下:
jquery里的ajax调用是异步的(就是触发了提交按钮后先提交表单了,然后去验证,有时也会发现在提交表单前alert()一点东西的话,验证又可以用了,这只是延迟了表单提交,而给出ajax验证的时间而已),提交表单时不能用$.get(),$.post()来验证;
这时的ajax验证必须是同步的,才能保证先验证后提交表单。
代码如下:
function checkform(){ var flag=0; //ajax同步提交 $.ajax({ type : "get", url : "base.php", dataType:'json', data : "action=check_info&user_str="+user_str+"&email_str="+email_str, async : false, success : function(msg){ if(msg.user!='' && typeof msg.user !="undefined"){ alert(msg.user); flag=1; return false; }else if(msg.db!='' && typeof msg.db !="undefined"){ alert(msg.db); flag=1; return false; }else if(msg.email!='' && typeof msg.email !="undefined"){ alert(msg.email); flag=1; return false; }else if(msg.emaildb!='' && typeof msg.emaildb !="undefined"){ alert(msg.emaildb); flag=1; return false; } } }); if(flag==1){ return false; } }最后根据flag的值去判断要不要提交。
jquery里的ajax调用是异步的(就是触发了提交按钮后先提交表单了,然后去验证,有时也会发现在提交表单前alert()一点东西的话,验证又可以用了,这只是延迟了表单提交,而给出ajax验证的时间而已),提交表单时不能用$.get(),$.post()来验证;
相关文章推荐
- liferay中使用jQuery Validation Engine进行ajax验证,不通过也提交表单的解决方案
- JSP中在提交表单之前,发送ajax请求进行js的验证
- 使用jquery validate和ajax进行表单验证并向后台提交数据
- Jquery validator 处理ajax表单提交的验证
- Ajax提交表单时验证码自动验证 php后端验证码检测
- 用html5自带表单验证 并且用ajax提交的解决方法(附代码)
- Jquery validator 处理ajax表单提交的验证
- Jquery 获取表单FORM所有元素进行AJAX提交
- bootstrap Validator 模态框、jsp、表单验证 Ajax提交
- ajax验证用户名是否被注册 ; ajax提交form表单
- form表单以ajax提交,并且对提交的参数进行自定义
- EasyUI中在表单提交之前进行验证
- Ajax表单异步提交及验证
- 在表单提交前进行验证的几种方式
- js登录特效+ajax提交表单+异步刷新验证
- 第一百八十六节,jQuery,验证表单插件,Ajax 表单插件,验证和提交表单
- EasyUI在表单提交之前进行验证的实例代码
- Javascript 表单验证对象控件 + ajax简单验证重复项与ajax提交数据
- js封装from表单数据为json串进行ajax提交
- jQuery中使用ajax对表单数据进行异步验证