Nose Picking Mechanisms

    libjv_jwd

    0.6.30 • Public • Published

    libjv

    Es6的单页应用常用扩展 https://github.com/krasimir/webpack-library-starter

    验证

    <div ref="form">
      <div chk="" chk_msg="">
        <input  />
      </div>
      
      <div chk="" chk_msg="">
        <input  />
      </div>
    </div>
    if (document.querySelector("[ref=form]").chk() == false) {
      return;
    }
     
    //验证通过的逻辑

    验证规则:

    • document.querySelector("[ref=form]") 表示要验证的区域.
    • 对每一个chk属性,验证里面的 v-model 绑定 或 input,textarea 元素. 优先使用 v-model值.
    • chk函数返回 验证是否通过.

    chk验证表达式

    • 函数写法,参数:value, inputDom,这是最灵活的方式.

      value 表示chk元素内部 v-model的值或 input 或 textarea 的value 值. inputDom 表示 chk元素内部第一个input或textarea 函数返回合法的false值,表示验证通过. 返回的字符串,将以验证失败的样式出现.

    : if( value.length < 3) return '请输入名称';
    
    • 正则表达式写法
    reg{值}:正则表达式
    
    如:
    reg{value.code}:/^\d{9,11}$/   表示value.code 必须是9到11位数字.
    
    • 枚举写法
    enum(红,黄,蓝)
    
    • 内置类型写法 目前插件有以下内置类型 int,float,date,time,datetime,email
    公式:
    chk_type{值表达式}(开始值,结束值)
    
    其中:
    chk_type后面跟 问号 表示可空.
    开始值,结束值:
     使用 () 表示大于开始值,小于结束值.
     使用 [] 表示大于等于开始值,小于等于结束值.
     
    如:
    {value.length}(3,5]   //表示字符串类型,长度大于3,小于等于5
    int[20,79]            //表示是int类型,大于等于20,小于等于79
    {value.length}(3)     //表示字符串类型,长度大于3,不设上限.
    
    • 扩展类型 如果需要重复使用某一个通用的类型,可以扩展,如下:
     jv.chk_types["mobile"] = function(chk_body, value, inputDom){
        //对value进行验证
        //通过返回 true
        //失败返回 false
     }
     
    写法:
    mobile{value[0]}[1]  //手机号格式,第一位必须是1
    

    Install

    npm i libjv_jwd

    DownloadsWeekly Downloads

    0

    Version

    0.6.30

    License

    ISC

    Unpacked Size

    147 kB

    Total Files

    33

    Last publish

    Collaborators

    • anke1938