[1012]PHP進階開發及TadTools工具應用
一、 jQuery Validation Engine
<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();
- 官方網站:http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/
- 簡單、好用,功能強大的表單檢查外掛。
<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();
- 最後把$formValidator_code放到<form id="myform">之前即可。
- formValidator("#myForm",false) 第一個參數為表單的挑選器,第二個為是否引入jquery(若之前已有引入jquery則可填入false,預設為true)。
- equals[field.id]:等於某欄位
- min[float]:最小值、max[float]:最大值
- minSize[integer]:最小字數、maxSize[integer]:最大字數
- past[NOW or a date]:日期是否小於指定日期
- future[NOW or a date]:日期是否大於指定日期
- minCheckbox[integer]:至少要選幾個、maxCheckbox[integer]:最多選幾個
- phone:電話
- url:網址
- email:Email
- date:日期 YYYY-MM-DD
- number:數字,如:-143.22 or .77 but also +234,23
- integer:整數,如:-635 +2201 738
- ipv4:IP,如:127.0.0.1
- onlyNumber:僅數字、onlyNumberSp:僅數字及空白
- onlyLetter:僅字元、onlyLetterSp:僅字元及空白
- onlyLetterNumber:僅字元和數字,無空白
- onChineseSp:只能用中文字及空白,不能用特殊符號、數字、英文
- onChinese:只能用中文字,不能用特殊符號、數字、英文及空白