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

Question

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

这样写有问题，求大神赐教！！

Answer 1

应该监听表单的提交事件，阻止默认动作。然后触发了提交后先挨个检查选项，如果有未校验通过的直接return，最后全局校验通过在提交。按照你的代码逻辑，举个例子function isNullInput(ele) {&nbsp; if (ele.value.length <= 0) return true;}$('form').on('submit', function(ev) {&nbsp; var verification = ['#username', '#vcode', '#password', '#password2'].filter(function(id) {&nbsp; &nbsp; if (isNullInput($(id))) return true;&nbsp; }).length;&nbsp; if (!verification) return ev.preventDefault();});