jquery 控制表单 填写不完整不可提交

Question

我想实现这样的效果： 当表单填写完整时，提交按钮 改为可提交，如果删除某一项，则提交按钮变为不可提交。这样写有问题，求大神赐教！！

Answer 1

应该监听表单的提交事件，阻止默认动作。然后触发了提交后先挨个检查选项，如果有未校验通过的直接return，最后全局校验通过在提交。

按照你的代码逻辑，举个例子

function isNullInput(ele) {

  if (ele.value.length <= 0) return true;

}

$('form').on('submit', function(ev) {

  var verification = ['#username', '#vcode', '#password', '#password2'].filter(function(id) {

    if (isNullInput($(id))) return true;

  }).length;

  if (!verification) return ev.preventDefault();

});