2.
XoopsModules\Tadtools\FormValidator 表單驗證
use XoopsModules\Tadtools\FormValidator;
使用方法
$FormValidator= new FormValidator($id = '', $show_jquery = true);
$FormValidator->render($Position = 'topRight');
如:
$FormValidator= new FormValidator("#myForm",false);
$FormValidator->render('topLeft');
- 官方網站:http://www.position-abolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/
- 在欄位中加入各種 class 屬性:
<input class='validate[required,custom[date],past[now]]' type="text" id="birthdate" name="birthdate" >
<input class='validate[required,custom[date],past[2010-01-01]]' type="text" id="appointment" name="appointment">
- 常用屬性:
class="validate[required, custom[integer]]"
- equals[field.id]:等於某欄位
- min[float]:最小值
- max[float]:最大值
- minSize[integer]:最小字數
- maxSize[integer]:最大字數
- past[NOW or a date]:日期是否小於指定日期
- future[NOW or a date]:日期是否大於指定日期
- minCheckbox[integer]:至少要選取幾個
- maxCheckbox[integer]:最多選取幾個
- custom[格式],格式如下:
- email:信箱
- phone:電話
- url:網址
- email:Email
- date:日期 YYYY-MM-DD
- number:數字,如:-143.22 or .77 but also +234,23
- integer:整數,如:-635 +2201 738
- ipv4:IP,如:127.0.0.1
- onlyNumberSp:僅數字及空白
- onlyLetterSp:僅字元及空白
- onlyLetterNumber:僅字元和數字,無空白
即時進行帳號驗證
- 在該欄位驗證中加入:,ajax[ajaxUser],此名稱在jquery.validationEngine-tw.js中定義
- 驗證用的檔名需要在jquery.validationEngine-tw.js中修改
- 驗證用的php檔寫法請參考:mem_chk.php,驗證用的php檔會接收到的值:
- 變數名稱:$_POST['validateId'];(例如:id)
- 變數值:$_POST['validateValue'];(例如:tad)
- 使用的驗證名稱:$_POST['validateError'];(例如:ajaxUser)
- 驗證用的php檔,不管過程為何,最後只要能輸出「{"jsonValidateReturn":["變數名稱","使用的驗證名稱","結果"]}」即可,如:
- 帳號可使用:「{"jsonValidateReturn":["id","ajaxUser","true"]}」
- 帳號不可使用:「{"jsonValidateReturn":["id","ajaxUser","false"]}」