我们如何将验证应用于 WordPress 插件的任何字段

Posted 2023-05-09

【中文标题】我们如何将验证应用于 WordPress 插件的任何字段

【英文标题】：How we can apply validations to any field of a WordPress plugin

【发布时间】：2018-03-28 21:44:06

【问题描述】：

这是我在此页面上的网站 URL http://saloon.ekvitech.com/schedule-appointment/ 我正在使用 WordPress 的“easy-appointment-plugin”进行预约。在这里，当您逐步填写预约表格时，您将进入个人信息表格。当您填写此表单时，该表单将提交给管理员审核。 但问题在于该表单中有一个电话字段，并且该字段接受字母和数字。这不应该在电话上完成，因为我们知道电话号码只接受数字。

所以我只需要用数字验证这个字段。如果有人输入字母，则错误消息仅出现数字。

我在 "header.php" 文件中应用我的代码，我被我的脚本代码困住了，因为这些字段是由 WordPress 插件自动生成的，并且所有字段都有相同的类，我们如何实现这一点并且验证应在单个字段上完成，即仅在电话字段上。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script>
jQuery(document).ready(function () 
  //called when key is pressed in textbox
  jQuery(".custom-field").keypress(function (e) 
     //if the letter is not digit then display error and don't type anything
     if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) 
        //display error message
        jQuery(".col-sm-8").html("Digits Only").show().fadeOut("slow");
               return false;
    
   );
);
</script>

注意：我的脚本会隐藏所有不知道为什么的字段。请帮我解决这个棘手的情况。

非常感谢！

【问题讨论】：

将输入类型改为数字

@Manoj Kadolkar，这是插件自动生成的字段，我如何从该字段的文本中更改为数​​字。任何帮助代码

【参考方案1】：

试试这个代码：

jQuery(document).ready(function () 
  //called when key is pressed in textbox
  jQuery(document).on("keypress","input[name='phone']",function (e) 
     //if the letter is not digit then display error and don't type anything
     if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) 
        //display error message
        alert('number only');
               return false;
    
   );
);

【讨论】：

使用 $.noConflict();在脚本文件的开头

不，我一直在本地工作。但是你能检查一下萤火虫，如果有效，然后上传代码。

你能帮帮我吗，你能在firebug控制台上检查一下，如果代码执行得很好，然后在这里发给我。

我检查了 jQuery(document).ready(function () //在文本框中按下键时调用 jQuery(document).on('keypress',"input[name='phone'] ",function (e) alert('hai'); //如果字母不是数字则显示错误并且不输入任何内容 if (e.which != 8 && e.which != 0 && (e. which 57)) //显示错误信息 alert('hello'); return false; 并且这个成功了

这对您有帮助吗？请将此添加到标题中的脚本标签内