限制某些邮政编码进入表单输入

Question

目前正在使用脚本来防止某些邮政编码被输入到相关的输入字段中。

<script>
function checkForm()
{
  var a=document.forms["InsertFrm"]["Postcode"].value;

 if(a == "4001" || "4002") {
  alert("Sorry. This Membership is only available to visitors to the Area!");
  return false;
  }

  }
  </script>

然后在提交表单时，此代码运行.. - 没有问题。

但是，想要更新（仍然使用 jquery） - 输入时会出现警告，而不必等到提交？

Answer 1

您使用的是纯 javascript。

你可以使用 jquery 的 keyup 事件来做你需要的事情。

<script>
  function checkForm() {
    var a=document.forms["InsertFrm"]["Postcode"].value;
    // change your condition to this as "4002" is always true
    if(a == "4001" || a == "4002") {
      alert("Sorry. This Membership is only available to visitors to the Area!");
      return false;
    }
  }
  $(document).ready(function() {
    $('input').on('keyup', function(evt) {
      checkForm();
    });
    $('form').on('submit', function(evt) {
      checkForm();
    });
  });
</script>

将$('input') 替换为您的输入字段，即$('input#postcode')，将
$('form') 替换为您的输入字段，即$('form#addressform')

您还需要更改您的条件，因为if(a == "4001" || "4002")“4002”将始终为真。必须是if(a == "4001" || a == "4002")

您也可以禁用提交按钮，但这在客户端很容易克服，因此此时使用提交侦听器会更安全。

只是为了好玩，你也可以试试这个：

function checkForm() {
    var a=document.forms["InsertFrm"]["Postcode"].value;
    // change your condition to this as "4002" is always true
    if(a == "4001" || a == "4002") {
      alert("Sorry. This Membership is only available to visitors to the Area!");
      $('input[type=submit]').prop('disabled', true);
      return false;
    } else {
      $('input[type=submit]').prop('disabled', false);
    }
}