Question

我是wordpress developpement的新手。我想将自己的验证应用于contatc表单7.在Header.php文件中添加相同但没有结果。

在header.php文件中为手机号码验证添加此内容

    <script type="text/javascript">
    $("#field-mobile").keydown(function(event) { // Allow only backspace and delete 
      if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9) { // let it happen, don't do anything 
      } else {
          // Ensure that it is a number and stop the keypress 
          if ((event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105)) {
              event.preventDefault();
          }
      }
    });
    </script>

Answer 1

这很简单，因为在DOM上存在输入文本之前运行代码，脚本不起作用。

你应该添加$（document）.ready（）函数，然后将你的代码块放在该函数中。

我想现在应该可以了：

$(document).ready(function() {

  $('#field-mobile').bind('keypress', function(e) {
    if (e.keyCode == 46 || e.keyCode == 8 || e.keyCode == 9) { // let it happen, don't do anything 
    } else {
      console.log('else block')
      if ((e.keyCode < 48 || e.keyCode > 57) && (e.keyCode < 96 || e.keyCode > 105)) {
        e.preventDefault();
      }
    }
  });

});

将自定义验证应用于联系表单7

1 个答案: