javascript - onkeyup jquery 函数不起作用

标签 javascript jquery html wordpress

我正在使用 javascrpt 来验证文本框，并在用户输入 0 到 9、A 到 F 以外的数字时显示警告。我看到下面的代码在 jsfiddle 和 php fiddle 上运行良好。但是当我在 WordPress 网站上添加它时，它不起作用

<div class="input-resp-hpux-vbus"><span><input  class="textbox" id="vbus-id" name="vbus-id" type="text" /></span></div>
<div id="output"></div>
<script type="text/javascript" src="http://127.0.0.1:4001/wordpress/wp-content/themes/freshlife/includes/js/emcsaninfo-symcli.js"></script>

和 JavaScript 代码:

$(document).ready(function () {
    $('#vbus-id').keyup(function () {
        var text_value = document.getElementById("vbus-id").value;

       if (!text_value.match(/\b[0-9A-F]\b/gi)) {
            document.getElementById("vbus-id").value = "";
            //  document.getElementById("vbus-id").focus(); 
            var message = "You have entered a invalid id.Vbus id ranges         from 0 to F in hexadecimal";
            document.getElementById("output").innerHTML = message;
        }
        else
             document.getElementById("output").innerHTML ="";
    });
});

不知道为什么这个脚本不能在我的 WordPress 上运行，我的网站上有 v jquery 版本 1.10.1 fiddle 设置: JSFIDDLE PHPFIDDLE

最佳答案

Wordpress 将单引号 (') 转换为某种 unicode。

这就是为什么您的代码无法在 WordPress 中运行的原因。

在 JavaScript 代码中使用双引号 (")。

并改变