提交表单时，提示正在处理信息。。。

最新推荐文章于 2025-05-07 19:22:48 发布

原创最新推荐文章于 2025-05-07 19:22:48 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了如何在点击提交按钮后，通过模态div框提示用户表单正在处理中，同时运用jQuery Validate插件实现对表单数据的验证，确保数据的有效性和一致性。

为了防止重复提交表单，在点击提交按钮之后，弹出个模态div框，提示正在处理记录。。。。

 <input onclick="checkform();"   type="submit"  />

validate = $("#myform").validate({
			//debug:true,
			 rules:{
				 //真实姓名
				 realname:{
					 required:true
				 },
				//年龄
				 age:{
					 required:true,
					 digits:true
				 },
				 
				//手机号码
				 phoneNumber:{
					 required:true,
					 isPhoneNumber:true
				 },
				//电子邮件
				email:{
					 required:true,
					 email:true
				 },
				//通信地址
				 address:{
					 required:true
				 },
				//邮编
				 postcode:{
					 required:true,
					 isZipcode:true
				 }
			 },
			 messages:{
				 ageGroup:'必选字段'
			 } ,
			 errorPlacement: function(error, element) { 
				 if (element.next().size()==0) {
				  error.appendTo(element.parent());
				  } else {
				  error.appendTo(element.next()); 
				 }
				  } 
		 });
	});
	/*
	  提交信息时，提示正在提交。。。
	*/
	
	function checkform(){
		//alert('11');
		var result = validate.form();
		if(result)
		{
			$.blockUI({ message: '<h2><img src="images/busy.gif" />正在提交请等待...</h2>' });
		}
	}