[b]表单验证[/b]
[img]http://www.miniui.com/docs/api/images/form.gif[/img]
参考示例: [url=http://www.miniui.com/demo/form/rules.html]验证规则 [/url] [url=http://www.miniui.com/demo/form/validation.html]表单验证 [/url] [url=http://www.miniui.com/demo/form/validLabel.html]表单验证:文本提示 [/url] [url=http://www.miniui.com/demo/form/validGroup.html]表单验证:组合验证 [/url]
[b]绑定validation事件[/b]
<input id="username" name="username" onvalidation="onUserNameValidation" class="mini-textbox" required="true" />
function onUserNameValidation(e) {
if (e.isValid) {
if (isEmail(e.value) == false) {
e.errorText = "必须输入邮件地址";
e.isValid = false;
}
}
}
validation事件是实现验证的基础。
[b]设置vtype[/b]
<input class="mini-textbox" vtype="email"/>
TextBox内置了vtype属性,有如下验证规则:email、url、int、float、maxLength、minLength、rangeLength、rangeChar、range、date等。
[b]验证表单[/b]
var form = new mini.Form("#form1");
form.validate();
if(form.isValid()){
alert("验证成功");
}
[img]http://www.miniui.com/docs/api/images/form.gif[/img]
参考示例: [url=http://www.miniui.com/demo/form/rules.html]验证规则 [/url] [url=http://www.miniui.com/demo/form/validation.html]表单验证 [/url] [url=http://www.miniui.com/demo/form/validLabel.html]表单验证:文本提示 [/url] [url=http://www.miniui.com/demo/form/validGroup.html]表单验证:组合验证 [/url]
[b]绑定validation事件[/b]
<input id="username" name="username" onvalidation="onUserNameValidation" class="mini-textbox" required="true" />
function onUserNameValidation(e) {
if (e.isValid) {
if (isEmail(e.value) == false) {
e.errorText = "必须输入邮件地址";
e.isValid = false;
}
}
}
validation事件是实现验证的基础。
[b]设置vtype[/b]
<input class="mini-textbox" vtype="email"/>
TextBox内置了vtype属性,有如下验证规则:email、url、int、float、maxLength、minLength、rangeLength、rangeChar、range、date等。
[b]验证表单[/b]
var form = new mini.Form("#form1");
form.validate();
if(form.isValid()){
alert("验证成功");
}