ValidateBox 驗證框(表單驗證)

驗證規則是通過使用 required 和 validType 特性來定義的, 這裏是已經實施的規則:

  • email:匹配 email 正則表達式規則
  • url:匹配 URL 正則表達式規則
  • length[0,100]:允許從 x 到 y 個字符
  • remote['http://.../action.do','paramName']:發送 ajax 請求來驗證值,成功時返回 'true' 。

用法:

html部分:<input id="email" class="easyui-validatebox"  required="true" validType="url"  invalidMessage="郵箱格式不正確"  missingMessage="null"/>

屬性值:1、required:定義字段是否可以爲空(true表示不可以);

                2、validType(要驗證的數據類型,如:email、url、length[0,100]、remote);

                3、invalidMessage:文本框的內容不合要求時的提示文字;(不加這個屬性的話,會有默認值

                4、missingMessage:文本框爲空時的提示文字;


當然,也可以自定義驗證規則,重寫 $.fn.validatebox.defaults.rules ,來定義一個驗證函數和無效的信息。例如,定義一個 minLength 驗證類型:

例如:<input id="name" class="easyui-validatebox"  required="true" validType="minLength[5]"  invalidMessage="長度至少要5位"/>


<script type="text/javascript">

   $.extend($.fn.validatebox.defaults.rules, {   
           minLength: {   
               validator: function(value, param){   
                    return value.length >= param;   
               },   
               message: 'Please enter at least {0} characters.'  (注意:數據類型不合要求時候的提示信息。這裏是必須寫的,但是如果屬性“invalidMessage”有定義的話,這裏的值會被覆蓋掉,如果屬性invalidMessage沒有定義,則顯示這裏的提示文字)
          }   
      });  


</script>




發佈了21 篇原創文章 · 獲贊 1 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章