一、以往的校驗都是自己寫正規表示式校驗,本篇講的是通過mvc自帶的jquery檔案進行校驗
實現步驟:1. 在webform頁面中引入兩個jquery檔案,10,11行的**。
1<%
@ page language="
c#"inherits="
system.web.mvc.viewpage
"%>
2<%
@ import namespace="
"%>34
doctype html
>56
<
html
>
7<
head
runat
="server"
>
8<
meta
name
="viewport"
content
="width=device-width"
/>
9<
title
>showdetail
title
>
1011
12head
>
13<
body
>
1415
body
>
16html
>
2. 在head中新增如下**:
備註:ready方法指用於在當前文件結構載入完畢後立即執行指定的函式。該函式的作用相當於window.onload
事件。
1$().ready(function() ,
11password: ,
15confirm_password: ,
20email: ,
24topic: ,
28agree: "required"
29},
30messages: ,
37password: ,
41confirm_password: ,
46email: "請輸入乙個正確的郵箱",
47agree: "請接受我們的宣告",
48topic: "請選擇兩個主題"49}
50})
51 });
二、基礎介紹
jquery validate使用總結:一、匯入js庫
二、預設校驗規則
(1)required:true
必輸字段
(2)remote:"
check.php
"使用ajax方法呼叫check.php驗證輸入值
(3)email:true
必須輸入正確格式的電子郵件
(4)url:true
必須輸入正確格式的**
(5)date:true
必須輸入正確格式的日期 日期校驗ie6出錯,慎用
(6)dateiso:true 必須輸入正確格式的日期(iso),例如:2009-06-23,1998/01/22
只驗證格式,不驗證有效性
(7)number:true
必須輸入合法的數字(負數,小數)
(8)digits:true
必須輸入整數(9
)creditcard: 必須輸入合法的信用卡號
(10)equalto:"
#field
"輸入值必須和#field相同(11
)accept: 輸入擁有合法字尾名的字串(上傳檔案的字尾)
(12)maxlength:5
輸入長度最多是5的字串(漢字算乙個字元)
(13)minlength:10
輸入長度最小是10的字串(漢字算乙個字元)
(14)rangelength:[5,10] 輸入長度必須介於 5 和 10 之間的字串"
)(漢字算乙個字元)
(15)range:[5,10] 輸入值必須介於 5 和 10之間(
16)max:5
輸入值不能大於5
(17)min:10
輸入值不能小於10
三、預設的提示
messages: characters."),
minlength: $.validator.format(
"please enter at least characters."),
rangelength: $.validator.format(
"please enter a value between and characters long."),
range: $.validator.format(
"please enter a value between and ."),
max: $.validator.format(
"please enter a value less than or equal to ."),
min: $.validator.format(
"please enter a value greater than or equal to .")
},如需要修改,可在js**中加入:
jquery.extend(jquery.validator.messages, 的字串"),
minlength: jquery.validator.format(
"請輸入乙個 長度最少是 的字串"),
rangelength: jquery.validator.format(
"請輸入 乙個長度介於 和 之間的字串"),
range: jquery.validator.format(
"請輸入乙個介於 和 之間的值"),
max: jquery.validator.format(
"請輸入乙個最大為 的值"),
min: jquery.validator.format(
"請輸入乙個最小為 的值")
});推薦做法,將此檔案放入messages_cn.js中,在頁面中引入
四、使用方式1.將校驗規則寫到控制項中
$().ready(function() );
使用class="{}"
的方式,必須引入包:jquery.metadata.js
可以使用如下的方法,修改提示內容:
class="}"
在使用equalto關鍵字時,後面的內容必須加上引號,如下**:
class=""2
.將校驗規則寫到js**中
$().ready(function() ,
password: ,
confirm_password:
},messages: ,
password: 個字 符")
},confirm_password:
} });
});//
messages處,如果某個控制項沒有message,將呼叫預設的資訊required:
true
必須有值
required:
"#aa:checked
"表示式的值為真,則需要驗證
required:function(){}返回為真,表時需要驗證
後邊兩種常用於,表單中需要同時填或不填的元素
demo:$("
#form1
").validate(,
ctl00$maincontent$txtshortname: ,
ctl00$maincontent$txtkeywords: ,
ctl00$maincontent$txtgoodsno: ,
ctl00$maincontent$txtremark: ,
ctl00$maincontent$txtpagetitle: ,
ctl00$maincontent$txtmetakey: ,
ctl00$maincontent$txtshowurl: ,
ctl00$maincontent$txtotherdata: ,
ctl00$maincontent$txtec :,
ctl00$maincontent$txtfullep : ,
ctl00$maincontent$txtmarketprice : ,
ctl00$maincontent$txtcash : ,
ctl00$maincontent$txtdurationdays:,
ctl00$maincontent$txtfullcash:
},messages:
});
//validate
常用校驗方式
常見的校驗方法有 奇偶校驗 迴圈冗餘校驗crc 異或校驗 校驗和 漢明校驗 1.奇偶校驗 乙個二進碼字,如果它的碼元有奇數個1,就稱為具有奇性。例如,碼字 1011010111 有七個1,因此,這個碼字具有奇性。同樣,偶性碼字具有偶數個1。注意奇性檢測等效於所有碼元的模二加,並能夠由所有碼元的異或運...
antd 表單的校驗方式
1.宣告式表單驗證 name username rules placeholder username 2.validator自定義式驗證 name password rules else prefix type password placeholder password 因為是在表單裡寫的,所以有點...
Struts1的校驗方式
return null private boolean validate maperrors personform personform if personform.getbirthday null return errors.size 0 true false jsp 中的取值 配置檔案中 jsp...