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

Question

我是wordpress开发新手，我将自己的验证应用于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(); 
     } 
    } 
    }); 

});