1. 程式人生 > >DWZ表單驗證規則一覽表

DWZ表單驗證規則一覽表

required-validate       //開啟表單驗證
必填: class="required"
必填+郵箱: class="required email"
電話: class="phone"
密碼: class="required alphanumeric" minlength="6" maxlength="20"
確認密碼: class="required" equalto="#xxxId"
整數: class="digits"
浮點數: class="number"
最小值: min="1"
最大值: max="10"
最小長度-最大長度: minlength="6" maxlength="20"
信用卡: class="creditcard"
字母、數字、下劃線: class="alphanumeric"
必須為字母: class="lettersonly"
網址: class="url"

<form onsubmit="return validateCallback(this)" class="pageForm" action="ajaxDone.html" method="post">

真實姓名:
 <input type="text" class="required textInput" maxlength="20" size="30" name="name">(必填驗證)
電子郵箱:
 <input type="text" alt="請輸入您的電子郵件" class="required email textInput" size="30" name="email" id="email_2871">(郵箱驗證)
電話:</label>
 <input type="text" alt="請輸入您的電話" class="phone textInput" size="30" name="phone" id="phone_8171">
密碼:</label>
 <input type="password" alt="字母、數字、下劃線" class="required alphanumeric textInput" size="30" name="password">(必填,字母、數字、下劃線驗證)
年齡:</label>
 <input type="text" alt="" class="required textInput" size="30" name="age" max="100" min="5">(必填,最大值和最小值驗證)
 <button type="submit">提交</button>
 
email: “請輸入正確格式的電子郵件”,
url: “請輸入合法的網址”,
date: “請輸入合法的日期”,
dateISO: “請輸入合法的日期 (ISO).”,
number: “請輸入合法的數字”,
digits: “只能輸入整數”,
creditcard: “請輸入合法的信用卡號”,
equalTo: “請再次輸入相同的值”,
accept: “請輸入擁有合法字尾名的字串”,
maxlength: $.validator.format(“長度最多是 {0} 的字串”),
minlength: $.validator.format(“長度最少是 {0} 的字串”),
rangelength: $.validator.format(“長度介於 {0} 和 {1} 之間的字串”),
range: $.validator.format(“請輸入一個介於 {0} 和 {1} 之間的值”),
max: $.validator.format(“請輸入一個最大為 {0} 的值”),
min: $.validator.format(“請輸入一個最小為 {0} 的值”),
alphanumeric: “字母、數字、下劃線”,
lettersonly: “必須是字母”,
phone: “數字、空格、括號”