必填项必须填完才能提交 的两种实现方法;
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');
}
}
根据必填项是否均有值来判断是否用灰色按钮;