validate不用submit按钮点击触发，如何提交表单

最新推荐文章于 2024-08-17 22:18:52 发布

qq_31138647

最新推荐文章于 2024-08-17 22:18:52 发布

阅读量781

点赞数

本文链接：https://blog.youkuaiyun.com/qq_31138647/article/details/99576911

版权

本文介绍了在JavaScript中如何在没有使用submit按钮的情况下，通过编程方式触发表单验证并提交。内容包括利用DOM事件监听、自定义函数调用来实现表单的验证和提交过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<form:form action="/joint/disciplinary/save" modelAttribute="disciplinaryInfo"  id="disciplinaryForm" method="post">

<input class="u-btn" id="form_save" type="button" value="保存并推送" onclick="pushOrSave(1)">

function pushOrSave(status){

		if($("#disciplinaryForm").valid()){
			 
		     $("#disciplinaryForm").submit();
	    }
	}

		/*表单校验*/
		$("#disciplinaryForm").validate({
			
	        rules: {
	        	name: {required:true},
	        	businessArea: {required:true},
	        	type :{required:true}, 
	        	
	        	unitName:{required:true},
	        	officeName:{required:true},
	        	
	        	advice:{required:true},
	        	linkMan:{required:true},
	        	linkTel:{required:true}
	        	
	        },
	        messages: {
	        	name : {  
	                required: "名单名称不能为空"
	            },
	            businessArea : {
	            	required: "业务领域不能为空"
	            },
	            type : {  
	                required: "名单类别不能为空"
	            },
	            
	            unitName:{
	            	required: "认定单位不能为空"
	            },
	            officeName:{
	            	required: "处室不能为空"
	            },
	            
	            advice:{
	            	required: "惩戒建议不能为空"
	            },
	            linkMan:{
	            	required: "认定单位负责人不能为空"
	            },
	            linkTel:{
	            	required: "联系电话不能为空"
	            }
	        },
	        /* 重写错误显示消息方法,以layer方式浮动错误消息 */  
	        showErrors: function(errorMap, errorList) {
	            var msg = "";
	            $.each(errorList, function(i,v){
					layer.tips(v.message, v.element, {
						tips: [1, '#FF6666'],
						time: 1000
					});
					return false;
	            });
	        }

	        
	       
	    });

		
        

		var advice=$("#advice").val();
		if(advice=='3'){
			$("#adviceContent").rules("add", {
			       required: true,
			       messages: {
			         required: "其他建议备注不能为空"
			       }
			 }); 
		}
		
		var basisFile=$("#basisFile").val();
		if(basisFile==''){
			$("#basis").rules("add", {
			       required: true,
			       messages: {
			         required: "认定依据不能为空"
			       }
			 }); 
		}
	
		var reportFile=$("#reportFile").val();
		if(reportFile==''){
			$("#report").rules("add", {
			       required: true,
			       messages: {
			         required: "报送函不能为空"
			       }
			 }); 
		}