:::

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

 


:::

搜尋

QR Code 區塊

https%3A%2F%2Fwww.tad0616.net%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbsn%3D26%26tbdsn%3D758

書籍目錄

展開 | 闔起

線上使用者

16人線上 (8人在瀏覽線上書籍)

會員: 0

訪客: 16

更多…