方法一:
①:定义验证方法:
1 function check(){ 2 return $("#form-member-add").validate({ 3 rules:{ 4 wbzcws:{ 5 required:true, 6 }, 7 sjkfcws:{ 8 required:true, 9 }, 10 zzzyyss:{ 11 required:true, 12 }, 13 zzzchss:{ 14 required:true, 15 }, 16 zyhzsjzyzcs:{ 17 required:true, 18 }, 19 cqzyhzs:{ 20 required:true, 21 }, 22 xryhzzs:{ 23 required:true, 24 }, 25 ssksyss:{ 26 required:true, 27 }, 28 lcmzyss:{ 29 required:true, 30 }, 31 lcmzhss:{ 32 required:true, 33 }, 34 mzyszrs:{ 35 required:true, 36 }, 37 zyysrs:{ 38 required:true, 39 }, 40 zzysrs:{ 41 required:true, 42 }, 43 fzrysrs:{ 44 required:true, 45 }, 46 zrysrs:{ 47 required:true, 48 }, 49 bkyxxlrs:{ 50 required:true, 51 }, 52 bkxlrs:{ 53 required:true, 54 }, 55 ssxlrs:{ 56 required:true, 57 }, 58 bsxlrs:{ 59 required:true, 60 }, 61 kfssjsl:{ 62 required:true, 63 }, 64 sfymzmz:{ 65 required:true, 66 }, 67 mzmzsl:{ 68 required:true, 69 } 70 }, 71 messages:{ 72 wbzcws:{ 73 required:"不可为空!", 74 }, 75 sjkfcws:{ 76 required:"不可为空!", 77 }, 78 zzzyyss:{ 79 required:"不可为空!", 80 }, 81 zzzchss:{ 82 required:"不可为空!", 83 }, 84 zyhzsjzyzcs:{ 85 required:"不可为空!", 86 }, 87 cqzyhzs:{ 88 required:"不可为空!", 89 }, 90 xryhzzs:{ 91 required:"不可为空!", 92 }, 93 ssksyss:{ 94 required:"不可为空!", 95 }, 96 lcmzyss:{ 97 required:"不可为空!", 98 }, 99 lcmzhss:{ 100 required:"不可为空!", 101 }, 102 mzyszrs:{ 103 required:"不可为空!", 104 }, 105 zyysrs:{ 106 required:"不可为空!", 107 }, 108 zzysrs:{ 109 required:"不可为空!", 110 }, 111 fzrysrs:{ 112 required:"不可为空!", 113 }, 114 zrysrs:{ 115 required:"不可为空!", 116 }, 117 bkyxxlrs:{ 118 required:"不可为空!", 119 }, 120 bkxlrs:{ 121 required:"不可为空!", 122 }, 123 ssxlrs:{ 124 required:"不可为空!", 125 }, 126 bsxlrs:{ 127 required:"不可为空!", 128 }, 129 kfssjsl:{ 130 required:"不可为空!", 131 }, 132 sfymzmz:{ 133 required:"不可为空!", 134 }, 135 mzmzsl:{ 136 required:"不可为空!", 137 } 138 }, 139 errorPlacement:function(error,element) { 140 $(element).attr("placeholder",$(error).text()) 141 layer.alert("提交失败,请检查各项是否有未填写!"); 142 }, 143 }); 144 }
②:验证方法调用:(在单击事件中调用)
1 $("#submitbtn").click(function(){ 2 if(!check().form()) return; 3 })
方法二:利用validate中的submitHandler进行提交:
1 $("#btn_submit").click(function(){ 2 $("#ifApproval").val("1"); 3 $("#form-sourse-apply").validate({ 4 rules: { 5 title: { 6 required: true, 7 maxlength: 200 8 }, 9 typeName: { 10 required: true, 11 }, 12 infosources: { 13 required: true, 14 }, 15 author: { 16 required: true, 17 }, 18 editer: { 19 required: true 20 }, 21 content: { 22 required: true 23 } 24 }, 25 onkeyup: false, 26 focusCleanup: false, 27 success: "valid", 28 submitHandler: function (form) { 29 if ($('#file').val() == "") { 30 layer.alert("请上传封面") 31 return; 32 } 33 var fileName=document.getElementById("file").value; 34 var suffixIndex=fileName.lastIndexOf("."); 35 var suffix=fileName.substring(suffixIndex+1).toUpperCase(); 36 if(suffix!="BMP"&&suffix!="JPG"&&suffix!="JPEG"&&suffix!="PNG"&&suffix!="GIF"){ 37 layer.alert("提示封面请上传图片(格式BMP、JPG、JPEG、PNG、GIF等)!"); 38 return; 39 } 40 var str = ue.getContent(); 41 if (str == "") { 42 layer.alert("请填写内容") 43 return; 44 } 45 $(".loadingMain").show(); 46 $("#btn_submit").attr("disabled", "disabled"); 47 $("#form-sourse-apply").ajaxSubmit({ 48 url: '${basePath}news/addSave', 49 dataType: 'json', 50 type: 'post', 51 success: function (json) { 52 layer.alert(json.message); 53 $(".loadingMain").hide(); 54 if (json.success == true) { 55 layer.confirm(json.message, {btn: ['确定'],shade: false,closeBtn: 0,}, 56 function () { 57 parent.location.replace(parent.location.href); 58 var index = parent.layer.getFrameIndex(window.name); 59 parent.layer.close(index); 60 } 61 ); 62 }else { 63 $("#btn_submit").removeAttr("disabled"); 64 layer.alert(json.message); 65 } 66 } 67 }); 68 } 69 }); 70 71 });