【easyui】 表单必填项校验通过才允许提交

今天某功能要上线,遇到一个问题,前端使用了easyui,在修改页面是存在必填项校验的提示,但是点击提交按钮,依然可以提交成功,我看了一下代码,原来是未做必填项校验的处理:

原来的代码:

jsp页面

端口编号
企业名称
金融机构
币种
备注
保存 取消

js页面

function saveUkeyInfo(){
	    $.ajax({
	        url: baseUrl+'/receiptcrawler?random=' + Math.random(),
	        type: 'POST',
	        dataType: 'json',
	        data: $('#ukeyInfoForm').serialize(),
	        success: function (result) {
	            if(result.code =='001') {
	                $.messager.show({
	                    title : '提示',
	                    msg : result.desc
	                });
	                $.modalDialog.handler.dialog('destroy');
	                $.modalDialog.handler = undefined;
	            }else{
	                $.messager.show({
	                    title : '提示',
	                    msg : result.desc
	                });
	            }
	        }
	    });
	
}

只修改js页面,修改后的代码为

function saveUkeyInfo(){
	if($("#ukeyInfoForm").form('validate')){
	    $.ajax({
	        url: baseUrl+'/receiptcrawler?random=' + Math.random(),
	        type: 'POST',
	        dataType: 'json',
	        data: $('#ukeyInfoForm').serialize(),
	        success: function (result) {
	            if(result.code =='001') {
	                $.messager.show({
	                    title : '提示',
	                    msg : result.desc
	                });
	                $.modalDialog.handler.dialog('destroy');
	                $.modalDialog.handler = undefined;
	            }else{
	                $.messager.show({
	                    title : '提示',
	                    msg : result.desc
	                });
	            }
	        }
	    });
	}else{
		$.messager.alert('操作提示','存在校验项未通过!',"warning");
	}
}



你可能感兴趣的:(easyui)