资讯专栏INFORMATION COLUMN

validform表单验证

yangrd / 1131人阅读

摘要:插件主要把所有的验证条件和验证提示信息绑定到每个表单元素,这种形式非常方便,下面写法更加智能得到内容来提示引入脚本类型请选择设备名称脚本添加验证指明是哪一表单需要验证名称需加在表单上

validform插件主要把所有的验证条件和验证提示信息绑定到每个表单元素,这种形式非常方便,下面写法更加智能得到label内容来提示

【1】引入js脚本:

【2】html:
【3】js脚本:
// 添加验证
$(function(){
    var demo=$("#validform").Validform({//指明是哪一表单需要验证,名称需加在form表单上;
        tiptype:3
        ,label:".control-label"
        ,showAllError:true
        ,ignoreHidden:true
        ,datatype:{
            "zh1-6":/^[u4E00-u9FA5uf900-ufa2d]{1,6}$/
            ,"Aa1":/^[A-Za-z0-9]+$/
        }
    });
    demo.addRule([
        {
            ele:".inputxt"
            ,datatype:"*1-256"
        },
        {
            ele:"select"//,这一项的值为空,否则无效
            ,datatype:"*"//也可以写到input标签里
        }
    ]);
    // 阻止表单提交(这是一种形式,因为还没找到两者比较时候的判断)
    $("#submit").click(function(event) {
        var highest = $("#highest").val();
        var lowest = $("#lowest").val();
        if(highest <= lowest){
            alert("最高层熟不能小于最低层数");
             return false;// 禁止提交
        }
        if(lowest > 2){
            alert("最低层数不能大于1");
            return false;
        }
    });
})

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/73578.html

相关文章

  • validform表单验证

    摘要:插件主要把所有的验证条件和验证提示信息绑定到每个表单元素,这种形式非常方便,下面写法更加智能得到内容来提示引入脚本类型请选择设备名称脚本添加验证指明是哪一表单需要验证名称需加在表单上 validform插件主要把所有的验证条件和验证提示信息绑定到每个表单元素,这种形式非常方便,下面写法更加智能得到label内容来提示 【1】引入js脚本: 【2】html: ...

    glumes 评论0 收藏0
  • validform表单验证

    摘要:插件主要把所有的验证条件和验证提示信息绑定到每个表单元素,这种形式非常方便,下面写法更加智能得到内容来提示引入脚本类型请选择设备名称脚本添加验证指明是哪一表单需要验证名称需加在表单上 validform插件主要把所有的验证条件和验证提示信息绑定到每个表单元素,这种形式非常方便,下面写法更加智能得到label内容来提示 【1】引入js脚本: 【2】html: ...

    crossoverJie 评论0 收藏0
  • 记一次Validform.js表单提交踩的坑

    摘要:刚进公司实习不久,最近公司有一个需求做一个的页面,利用传过来的参数来显示不同的表单内容,不同的表单提交的内容也就不一样。 刚进公司实习不久,最近公司有一个需求,做一个h5的页面,利用传过来的url参数来显示不同的表单内容,不同的表单提交的内容也就不一样。 虽然我刚拿到也觉得so easy,但是就是这个简单的东西也踩了很多坑,记录下来,不再懵逼。 1 隐藏的表单元素的value也会被默认...

    hss01248 评论0 收藏0
  • 前端常用插件、工具类库汇总(上)

    摘要:函数库动画库动画库,也是目前最通用的动画库。下拉框级联选择器移动端最好用的的筛选器组件联动筛选移动端最好用的的筛选器组件联动筛选颜色选择器时间选择器时间日期处理是一个解析,验证,操作和显示日期和时间的类库。 showImg(https://segmentfault.com/img/bVbjpHt?w=900&h=383); 前言 在开发中,我们经常会将一些常用的代码块、功能块进行封装,...

    txgcwm 评论0 收藏0
  • 前端那些小众而又精美的网站及工具

    摘要:写此文的目的是为了总结在开发中能增加我们开发速度及能给我们带来方便的工具与网站及一些小众框架只限于简介不负责教程如有相应的教程希望大家自荐或推荐我在这里感激不尽让我们发现美并记录它第一次写文章请多多包涵如有我没有写到的但又是一些好用的工具及 写此文的目的是为了总结在开发中能增加我们开发速度及能给我们带来方便的工具与网站及一些小众框架只限于简介不负责教程如有相应的教程希望大家自荐或推荐我...

    Edison 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<