提交表单时，进行ajax验证

朴灿烈づ我的快乐病毒、 2023-06-30 09:06 5阅读 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 条评论，5人围观）

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

相关阅读

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

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

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

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

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

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

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

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

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

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

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

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

相关 Ajax提交form表单

Ajax提交form表单 $.ajax({ //几个参数需要注意一下 type: "PO

╰+攻爆jí腚メ/ 2022年12月11日 04:21/ 0 赞/ 272 阅读

相关 ajax提交表单

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

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

相关 Ajax提交Form表单

1. 背景在java后台开发中，经常要从前端向后台提交表单数据。利用Ajax进行Form表单提交，是很常用的方法。本文主要讲解Ajax提交表单的基本应用。 2. Ajax

迷南。/ 2022年07月21日 01:47/ 0 赞/ 328 阅读

相关表单提交验证

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

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

相关 ajax提交form表单

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

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

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

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

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