找回密碼
 立即註冊
搜索
熱搜: 活動 交友 discuz
查看: 395|回復: 1

jQuery Validate 規則

[複製鏈接]

257

主題

38

回帖

1138

積分

管理員

積分
1138
發表於 2023-5-25 10:35:27 | 顯示全部樓層 |閱讀模式

$("#frmData").validate({
               
                submitHandler: function(form) {
                   //驗證成功之後就會進到這邊:
                   //方法一:直接把表單 POST 或 GET 到你的 Action URL
                   //方法二:讀取某些欄位的資料,ajax 給別的 API。
                   //此處測試方法一的寫法如下:
                    alert("OK");
                   //form.submit();
                    return false;
                },
               
                errorPlacement: function(error, element) {

                   //你可以自己決定錯誤訊息要放在什麼地方
                   //預設的是 element.after(error);
                   element.closest('.form-group').append(error);
                },
                rules: {

                   //你可以加上特殊的規則
                   //格式為  name:{規則名稱: true},
                   //下方舉例的是 name == password 的 input 需要通過名為 hasUppercase 的規則驗證
                   //更簡單的作法是直接把 hasUppercase 的 class 加在該 input 的 html 上。
                   //password: {
                   //     hasUppercase: true
                   //}
                },

                highlight: function ( element, errorClass, validClass ) {
                     $( element ).addClass( "is-invalid" ).removeClass( "is-valid" );
                },
                unhighlight: function ( element, errorClass, validClass ) {
                    $( element ).addClass( "is-valid" ).removeClass( "is-invalid" );
                }   
             });

257

主題

38

回帖

1138

積分

管理員

積分
1138
 樓主| 發表於 2023-5-25 10:35:42 | 顯示全部樓層

默认校验规则

序号规则描述
1required:true必须输入的字段。
2remote:"check.php"使用 ajax 方法调用 check.php 验证输入值。
3email:true必须输入正确格式的电子邮件。
4url:true必须输入正确格式的网址。
5date:true必须输入正确格式的日期。日期校验 ie6 出错,慎用。
6dateISO:true必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22。只验证格式,不验证有效性。
7number:true必须输入合法的数字(负数,小数)。
8digits:true必须输入整数。
9creditcard:必须输入合法的信用卡号。
10equalTo:"#field"输入值必须和 #field 相同。
11accept:输入拥有合法后缀名的字符串(上传文件的后缀)。
12maxlength:5输入长度最多是 5 的字符串(汉字算一个字符)。
13minlength:10输入长度最小是 10 的字符串(汉字算一个字符)。
14rangelength:[5,10]输入长度必须介于 5 和 10 之间的字符串(汉字算一个字符)。
15range:[5,10]输入值必须介于 5 和 10 之间。
16max:5输入值不能大于 5。
17min:10输入值不能小于 10。
您需要登錄後才可以回帖 登錄 | 立即註冊

本版積分規則

Archiver|手機版|小黑屋|DoIT 科技論壇

GMT+8, 2025-6-15 11:47 , Processed in 0.022100 second(s), 18 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回復 返回頂部 返回列表