MiniUI官方表单验证示例

拼搏现实的明天。 2022-10-28 10:06 300阅读 0赞

**绑定validation事件**

<span style="color:#aa090f"><input id="username" name="username" onvalidation="onUserNameValidation" class="mini-textbox" required="true" />
    </span>

<span style="color:#aa090f">function onUserNameValidation(e) {
        if (e.isValid) {
            if (isEmail(e.value) == false) {
                e.errorText = "必须输入邮件地址";
                e.isValid = false;
            }
        }
    }
    </span>

validation事件是实现验证的基础。

**设置vtype**

<span style="color:#aa090f"><input class="mini-textbox" vtype="email"/>
    </span>

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

**验证表单**

<span style="color:#aa090f">var form = new mini.Form("#form1");
    form.validate();
    if(form.isValid()){
        alert("验证成功");
    }</span>

**纸上得来终觉浅，绝知此事要躬行。**

**转载地址：** [https://www.cnblogs.com/boonya/p/11180478.html][https_www.cnblogs.com_boonya_p_11180478.html]

[https_www.cnblogs.com_boonya_p_11180478.html]: https://www.cnblogs.com/boonya/p/11180478.html

发表评论取消回复

表情：

评论列表（有 0 条评论，300人围观）

还没有评论，来说两句吧...

相关阅读

相关 MiniUI官方表单验证示例

绑定validation事件 <span style="color:aa090f"><input id="username" name="username" onva

拼搏现实的明天。/ 2022年10月28日 10:06/ 0 赞/ 301 阅读

相关 antd vue表单验证_antd-for-vue 表单验证失效自定义表单验证使表单非空验证失效（其他验证失效）...

\\ antd-for-vue 表单验证失效自定义表单验证使表单非空验证失效(其他验证失效) \\\\\ antd 的表单校验方法包括 validateFields 和

谁借莪１个温暖的怀抱￠/ 2022年10月24日 05:53/ 0 赞/ 236 阅读

相关 JavaScript表单验证示例

JavaScript表单验证示例 HTML表单（form）通常用于收集用户信息，例如姓名，电子邮件地址，位置，年龄等。但是很可能某些用户可能不会输入您期望的数据。HT

淡淡的烟草味﹌/ 2022年09月13日 14:23/ 0 赞/ 193 阅读

相关表单验证

应用一、引入 <script src="Scripts/jquery-1.7.1.min.js"></script> <script src="Scripts/jqu

朱雀/ 2022年07月24日 06:28/ 0 赞/ 478 阅读

相关表单验证

java script验证表单时常用： "^-\[0-9\]\\[1-9\]\[0-9\]\＄"　　//负整数 "^-?//d+＄"　　　　//整

ゝ一纸荒年。/ 2022年06月13日 07:54/ 0 赞/ 320 阅读

相关表单验证

@Min(value = 18, message = " 不得小于18 ") private Integer age; / 表单验证 /

╰+攻爆jí腚メ/ 2022年06月05日 10:15/ 0 赞/ 307 阅读

相关表单验证

angularjs 表单验证，包含必填、手机、邮箱、ip、网址等基于angularjs自己封装的验证插件，之前的插件在angularjs上就不能使用了，然后将之前的封

淩亂°似流年/ 2022年06月04日 10:14/ 0 赞/ 304 阅读

相关表单验证

表单验证为了减轻服务器的压力，请求次数减少，保证用户输入符合要求。 > 常用的表单验证 > \- 日期样式 > \- 表单内容是否为空 > \- 用户名和密码

梦里梦外;/ 2022年05月24日 04:40/ 0 赞/ 316 阅读

相关表单验证

代码虽然有重复，但是重要的是思想和正则表达式的用 ---------- <!DOCTYPE html>

痛定思痛。/ 2022年05月19日 06:35/ 0 赞/ 354 阅读

相关表单验证

java script验证表单时常用： "^-\[0-9\]\\[1-9\]\[0-9\]\＄"　　//负整数 "^-?//d+＄"　　　　//整

小灰灰/ 2022年01月07日 14:35/ 0 赞/ 463 阅读