MiniUI官方表单验证示例

博客主要介绍表单验证相关内容,包括绑定validation事件,它是实现验证的基础;设置vtype,TextBox内置该属性有多种验证规则,如email、url等;还提及了验证表单的相关信息。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

原文地址:http://www.miniui.com/docs/tutorial/validator.html

表单验证

 

参考示例: 验证规则     表单验证     表单验证:文本提示     表单验证:组合验证    

 

绑定validation事件
<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事件是实现验证的基础。

设置vtype
<input class="mini-textbox" vtype="email"/>

TextBox内置了vtype属性,有如下验证规则:email、url、int、float、maxLength、minLength、rangeLength、rangeChar、range、date等。

验证表单
var form = new mini.Form("#form1");
form.validate();
if(form.isValid()){
    alert("验证成功");
}

转载于:https://www.cnblogs.com/boonya/p/11180478.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值