線上書籍

Home

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

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