Tad 教材網 - 線上書籍

:::

3. XoopsModules\Tadtools\My97DatePicker 小月曆 next

Tad Tools 使用說明
==============

```php
use XoopsModules\Tadtools\FormValidator;
```

使用方法

```php
$FormValidator= new FormValidator($id = '', $show_jquery = true);
$FormValidator->render($Position = 'topRight');
```

如：

```php
$FormValidator= new FormValidator("#myForm",false);
$FormValidator->render('topLeft');
```

1. 官方網站：[http://www.position-abolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/](http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/)
2. 在欄位中加入各種 class 屬性： 
  ```markup
  <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. 常用屬性： 
  ```markup
  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"\]}」

:::