必填项必须填完才能提交 的两种实现方法;

2019-05-09  本文已影响0人  newway_001

一种是vue

贴核心代码:

vue:
data中:
 info: { CustName: '', CdsNo: '', area: '', site: '', CdsTypeOriginal: '' }
computed: {
            flag: function () {
                var obj = this.info;
                console.log('obj')
                console.log(obj)
                var a = 0;
                for (var key in obj) {
                    if (obj[key] === '')
                        a++;
                }
                if (a > 0) {
                    return false
                } else {
                    return true;
                }

            }
        },

 <button class="add-card-btn full-btn  j-confirm" 
:class="{'gray-btn':!flag}" :disabled="!flag" @click="bindCard">绑定</button>
//flag为false时,button为灰色;不能点击,:disabled="!flag"

原生写法:(另一段代码)

    function inputBlur3() {
      var fla = $('#kb1').val().length > 0 && $('#kb2').val().length > 0
 && $('#kb3').val().length > 0;

      if (fla) {
        $('.j-confirmbtn').removeClass('gray-btn');
      }else{
        $('.j-confirmbtn').addClass('gray-btn');
      }
    }
根据必填项是否均有值来判断是否用灰色按钮;

上一篇 下一篇

猜你喜欢

热点阅读