validate表单验证两种方法

方法一:

  ①:定义验证方法:

  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         });

 

上一篇:centos mysql 安装


下一篇:Leetcode 1833. 雪糕的最大数量 贪心