<html><head><title></title>
<link style="text/css" rel="stylesheet" href="../參考資料/JQuery/jquery-easyui-1.1.2/themes/default/easyui.css">
<script src="jquery-1.4.2.min.js"></script>
<script src="jquery.easyui.min.js"></script>
<script>
$.extend($.fn.validatebox.defaults.rules, {
minLength: {
validator: function(value, param){
return value.length >= param[0];
},
message: '請輸入至少（2）個字符.'
}
});
</script>
</head>
<body>
<form name="frmRegister" method="post">
<div style="width:500px;height:20px;">
name:<input name="txtName" class="easyui-validatebox" required="true" validType="minLength[3]" missingMessage="不能為空">
</div>
<div style="width:500px;height:20px;">
psw:<input name="txtPsw" type="password" required="true" class="easyui-validatebox" validType="minLength[2]" >
</div>
<div style="width:500px;height:20px;">
address:<input name="txtAddr" class="easyui-validatebox" required="true" validType="minLength[4]" invalidMessage="請輸入至少4個字符">
</div>
<div style="width:500px;height:20px;">
email:<input name="txtEmail" validType="email" class="easyui-validatebox">
</div>
<div style="width:500px;height:20px;">
<input type="submit" value="注冊">
</div>
</form>
</body>
</html>
方法
| 屬性名 |
類型 |
描述 |
默認值 |
| required |
布爾 |
定義文本域是否為必填項 |
false |
| validType |
字符串 |
定義字段的驗證類型，比如email, url, etc. |
null |
| missingMessage |
字符串 |
當文本框為空時提示的文本信息 |
This field is required. |
| invalidMessage |
字符串 |
當文本框內(nèi)容不合法時提示的文本信息 |
null |
|
方法名 |
參數(shù) |
描述 |
|
destroy |
none |
刪除并且銷毀組件 |
|
validate |
none |
做驗證以確定文本框的內(nèi)容是否是有效的,。 |
|
isValid |
none |
調(diào)用驗證方法并返回驗證結(jié)果,，true或者false |
代碼中的腳本是自定義驗證規(guī)則,，validType="minLength[4]" invalidMessage="請輸入至少4個字符">它們同時存在，則提示語句會是“請輸入至少4個字符”而不是script 里面的提示語句,。
