Tad 教材網 - 線上書籍

:::

\[1012\]PHP進階開發及TadTools工具應用
============================

[![](http://tad0616.net/uploads/dl.gif)](http://www.tad0616.net/uploads/tad_book3/file/1012/05.zip)

### 一、 jQuery Validation Engine

1. 官方網站：<http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/>
2. 簡單、好用，功能強大的表單檢查外掛。
 
### 二、 基本套用方法

```
<pre class="brush: xhtml;" title="code">
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.validationEngine-en.js" type="text/javascript"></script>
<script src="js/jquery.validationEngine.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
<script type="text/javascript">
 $(document).ready(function() {
     $('#myform').validationEngine();
 });
</script>
<form id="myform">
  <input type="text" name="xx" id="xx" class="validate[required]">
</form>
```

###   
 三、 TadTools套用方法

```
<pre class="brush: php;" title="code">
include_once XOOPS_ROOT_PATH."/modules/tadtools/formValidator.php";
$formValidator= new formValidator("#myForm",false);
$formValidator_code=$formValidator->render();
```

1. 最後把$formValidator\_code放到<form id="myform">之前即可。
2. formValidator("#myForm",false) 第一個參數為表單的挑選器，第二個為是否引入jquery（若之前已有引入jquery則可填入false，預設為true）。
 
### 四、 常用參數

```
<pre class="brush: xhtml;" title="code">
<input type='text' name='num' id='num' class='validate[required,min[1],max[10]]'>
```

1. equals\[field.id\]：等於某欄位
2. min\[float\]：最小值、max\[float\]：最大值
3. minSize\[integer\]：最小字數、maxSize\[integer\]：最大字數
4. past\[NOW or a date\]：日期是否小於指定日期
5. future\[NOW or a date\]：日期是否大於指定日期
6. minCheckbox\[integer\]：至少要選幾個、maxCheckbox\[integer\]：最多選幾個
 
### 五、 格式驗證

```
<pre class="brush: xhtml;" title="code">
<input type="text" name="mail" id="mail" class="validate[required ,custom[email]]">
```

1. phone：電話
2. url：網址
3. email：Email
4. date：日期 YYYY-MM-DD
5. number：數字，如：-143.22 or .77 but also +234,23
6. integer：整數，如：-635 +2201 738
7. ipv4：IP，如：127.0.0.1
8. onlyNumber：僅數字、onlyNumberSp：僅數字及空白
9. onlyLetter：僅字元、onlyLetterSp：僅字元及空白
10. onlyLetterNumber：僅字元和數字，無空白
11. onChineseSp：只能用中文字及空白，不能用特殊符號、數字、英文
12. onChinese：只能用中文字，不能用特殊符號、數字、英文及空白

:::