close
先在頁首<head>...</head>之間輸入， jquery.validate.js檔案可以由https://www.dropbox.com/s/s60mth7nj38s52y/validate...下載，裡有壓縮與未壓縮檔案，只要連一個js檔就可以。
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="../js/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function() {
// validate signup form on keyup and submit
$("#form1").validate({
rules: {
pclass:"required",
pmath:{
required:true,
digits:true
},
password: {
required:true,
minlength:6,
},
password1: {
equalTo: "#password"
}
},
messages: {
pclass:"請選擇產品分類",
pmath:{
required:"請輸入產品庫存量",
digits:"請輸入數字"
},
password: {
required:"請輸入密碼",
minlength:"密碼要6個字以上"
},
password1: {
equalTo: "確認密碼要與密碼相同"
},
}
});
});
</script>
上面範例pclass:"required"，pclass欄位名稱是必要的
pmath:{
required:true,
digits:true
},
欄位pmath是必要的，而且一定要整數
參數(參考http://www.minwt.com/webdesign-dev/js/1800.html
required：必填欄位
email：格式要符合E-Mail格式
url：格式要符合網址格式，如：http://css6.pixnet.net
number：數字格包含小數點
digits：數字為正整數
date：日期格式
dateISO：日期格式，格式必需為YYYY/MM/DD、YYYY-MM-DD、YYYYMMDD
equalTo：與某一欄位值相同
minValue：最小字元長度
maxValue：最大字元長度
rangeValue：字元長度區間長度
minLength：最小字元長度(漢字算一個字符)
maxLength：最大字元長度(漢字算一個字符)
rangeLength：字元長度區間長度(漢字算一個字符)
文章標籤
全站熱搜
留言列表
{{ article.title }}