5. 表單驗證

一、 jQuery Validation Engine

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

二、 基本套用方法
 

<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套用方法

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）。

四、 常用參數

<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]：最多選幾個

五、 格式驗證

<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：只能用中文字，不能用特殊符號、數字、英文及空白