Easy ui 插件之validatebox
missingMessage：未填寫時顯示的信息
validType：驗證類型見下示例
invalidMessage：無效的數據類型時顯示的信息
required="true" 必填項
class="easyui-validatebox" 文本驗證
class="easyui-numberbox" 數字驗證
required="true" 必填字段
invalidMessage="請填寫正確的格式"
屬性
1 <form id="itemsForm" enctype="multipart/form-data" style="padding:10px 20px 10px 40px;"> 2 <p>名稱: <input name="name" type="text" class="easyui-validatebox" required="true" missingMessage="商品名稱必須填寫"></p> 3 <p>規格: <input name="detail" type="text" class="easyui-validatebox" required="true" ></p> 4 <p>價格: <input name="price" type="text" class="easyui-numberbox" required="true"></p> 5 <p>日期: <input name="createtime" type="text" class="Wdate" onClick="WdatePicker({ dateFmt: 'yyyy-MM-dd HH:mm:ss' })"></p> 6 <p>照片：<input class="easyui-filebox" data-options='onChange:change_photo' id="file_upload" name="items_pic"/><br/> 7 <div id="Imgdiv"> 8 <img id="Img" width="200px" height="200px"/> 9 </div> 10 <div style="padding:5px;text-align:center;"> 11 <a href="#" class="easyui-linkbutton" icon="icon-ok" onclick="addItems()">確認</a> 12 <a href="#" class="easyui-linkbutton" icon="icon-cancel">返回</a> 13 </div> 14 </form>
| 名稱 | 類型 | 描述 |
|
|---|---|---|---|
| required | boolean | 定義是否字段應被輸入。 | false |
| validType | string,array | 定義字段的驗證類型，比如 email、url，等等。可能的值： 1、驗證類型字符串，應用單個驗證規則。 2、驗證類型數組，應用多個驗證規則。單個字段上的多個驗證規則自版本 1.3.2 起可用。 代碼實例：
|
null |
| delay | number | 延遲驗證最后的輸入值。該屬性自版本 1.3.2 起可用。 | 200 |
| missingMessage | string | 當文本框為空時出現的提示文本。 | 該字段是必需的。 |
| invalidMessage | string | 當文本框的內容無效時出現的提示文本。 | null |
| tipPosition | string | 定義當文本框的內容無效時提示消息的位置。可能的值：'left'、'right'。該屬性自版本 1.3.2 起可用。 | right |
| deltaX | number | 在 X 方向的提示偏移。該屬性自版本 1.3.3 起可用。 | 0 |
| novalidate | boolean | 當設置為 true 時，則禁用驗證。該屬性自版本 1.3.4 起可用。 | false |