提交表单时，进行ajax验证

朴灿烈づ我的快乐病毒、 2023-06-30 09:06 51阅读 0赞

提交表单时，先进行ajax验证，根据验证结果判断是否提交表单。

这时的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()来验证;

发表评论取消回复

表情：

评论列表（有 0 条评论，51人围观）

还没有评论，来说两句吧...

相关阅读

相关 ajax提交时表单自动提交，阻止表单的默认提交事件

一、问题描述在改版pc一个动态发布页面的时候页面使用的form表单提交页面数据其中在页面中有一个人员选择的搜索按钮按钮上绑定了点击事件触发ajax !...

逃离我推掉我的手/ 2024年04月17日 17:39/ 0 赞/ 124 阅读

相关 jquery ajax 实现表单提交和验证表单

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert t

矫情吗；*/ 2024年02月19日 13:25/ 0 赞/ 99 阅读

相关 Ajax提交表单

Ajax想要不用再填写参数，而直接用某个表单的作为参数传输到后台，利用serialize() 方法如下： ![Center][] 这样就可以,将ID为combo\_a

水深无声/ 2023年10月16日 21:29/ 0 赞/ 20 阅读

相关提交表单时，进行ajax验证

提交表单时，先进行ajax验证，根据验证结果判断是否提交表单。这时的ajax验证必须是同步的，才能保证先验证后提交表单。代码如下： function c

朴灿烈づ我的快乐病毒、/ 2023年06月30日 09:06/ 0 赞/ 52 阅读

相关 ajax提交表单时异常

ajax提交表单时，页面发生跳转，直接跳到json输出数据页面 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_a

逃离我推掉我的手/ 2023年03月13日 02:08/ 0 赞/ 25 阅读

相关 js表单提交数据并进行验证

表单提交数据并进行验证模拟注册填写信息 html页面 <!DOCTYPE html> <html> <head> <meta ch

落日映苍穹つ/ 2023年01月09日 12:37/ 0 赞/ 201 阅读

相关 ajax提交表单

ajax提交表单在项目中常用，前台无论是简单的html、jsp或者是使用了easyui框架，提交表单都会使用到ajax，extjs框架其实也是使用了ajax只不过对其进

我就是我/ 2022年08月13日 00:56/ 0 赞/ 307 阅读

相关表单提交验证

其中几个知识点 1、angularJs提供了几个新的type类型： ![复制代码][copycode.gif] type="password"

Dear 丶/ 2022年06月05日 04:24/ 0 赞/ 355 阅读

相关 ajax提交form表单

var form=document.getElementById("inspectForm");//inspectForm为Form表单的ID var f

浅浅的花香味﹌/ 2022年05月22日 22:12/ 0 赞/ 368 阅读

相关使用ajax进行表单提交，实现简单登录

前端代码 <form id="loginForm" οnsubmit="return false" action="" method="post">

比眉伴天荒/ 2022年02月24日 06:52/ 0 赞/ 304 阅读