标签：function layer 验证 不可 required 表单 为空 validate true
方法一：
①：定义验证方法：
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 });
标签：function,layer,验证,不可,required,表单,为空,validate,true 来源： https://www.cnblogs.com/lubolin/p/11561829.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。