Question

这是我的javascript

<script>

    $('#submitform').submit(function() {
        if ($(this).find('.input-validation-error').length == 0) {
            $(this).find('button').prop('disabled', true);
        } else {
            $(this).find('button').prop('disabled', false);
            }
    });

</script>

问题是当我提交并且我有必填字段的验证错误时，按钮提交被禁用，所以我需要重新加载页面再次启用按钮...为什么其他循环不能正常工作？

Answer 1

禁用该按钮后，无法再次按下该按钮。

Answer 2

您正在submit调用处理程序，因此一旦submit事件被触发，它将对其进行测试。如果禁用button，则不会调用任何事件。

对所有input元素使用:input事件进行验证！

var handler = function() {
  if ($(this).find('.input-validation-error').length == 0) {
    $(this).find('button').prop('disabled', true);
  } else {
    $(this).find('button').prop('disabled', false);
  }
};
$('#submitform').submit(handler);

$('#submitform').on('input', ':input', handler.bind($('#submitform')));//`.call` to pass `this` in the handler!

如果验证错误有效，则启用按钮JAVASCRIPT

2 个答案: