:::

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');
  1. 官方網站:http://www.position-abolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/
  2. 在欄位中加入各種 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">

     

  3. 常用屬性:
    class="validate[required, custom[integer]]"

     

    1. equals[field.id]:等於某欄位
    2. min[float]:最小值
    3. max[float]:最大值
    4. minSize[integer]:最小字數
    5. maxSize[integer]:最大字數
    6. past[NOW or a date]:日期是否小於指定日期
    7. future[NOW or a date]:日期是否大於指定日期
    8. minCheckbox[integer]:至少要選取幾個
    9. maxCheckbox[integer]:最多選取幾個
    10. custom[格式],格式如下:
      1. email:信箱
      2. phone:電話
      3. url:網址
      4. email:Email
      5. date:日期 YYYY-MM-DD
      6. number:數字,如:-143.22 or .77 but also +234,23
      7. integer:整數,如:-635 +2201 738
      8. ipv4:IP,如:127.0.0.1
      9. onlyNumberSp:僅數字及空白
      10. onlyLetterSp:僅字元及空白
      11. onlyLetterNumber:僅字元和數字,無空白

即時進行帳號驗證

  1. 在該欄位驗證中加入:,ajax[ajaxUser],此名稱在jquery.validationEngine-tw.js中定義
  2. 驗證用的檔名需要在jquery.validationEngine-tw.js中修改
  3. 驗證用的php檔寫法請參考:mem_chk.php,驗證用的php檔會接收到的值:
    1. 變數名稱:$_POST['validateId'];(例如:id)
    2. 變數值:$_POST['validateValue'];(例如:tad)
    3. 使用的驗證名稱:$_POST['validateError'];(例如:ajaxUser)
  4. 驗證用的php檔,不管過程為何,最後只要能輸出「{"jsonValidateReturn":["變數名稱","使用的驗證名稱","結果"]}」即可,如:
    1. 帳號可使用:「{"jsonValidateReturn":["id","ajaxUser","true"]}」
    2. 帳號不可使用:「{"jsonValidateReturn":["id","ajaxUser","false"]}」

:::

搜尋

QR Code 區塊

https%3A%2F%2Fwww.tad0616.net%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbsn%3D15%26tbdsn%3D402

書籍目錄

展開 | 闔起

線上使用者

18人線上 (6人在瀏覽線上書籍)

會員: 0

訪客: 18

更多…