OnKeyUp jQuery 函数不起作用

onkeyup jquery function not working

本文关键字：不起作用 函数 jQuery OnKeyUp      更新时间：2023-09-26

我正在使用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小提琴设置：JSFIDDLE PHPFIDDLE

Wordpress 将单引号 （'） 转换为一些 unicode。

这就是为什么你的代码在WordPress中不起作用的原因。

在 JavaScript 代码中使用双引号 （"）。

和改变

 $('#vbus-id').keyup(function () {

自

 $("#vbus-id").keyup(function () {

希望对你有帮助...

是否有任何错误？确保 jQuery 加载一次，你的脚本也是如此。在浏览器中调用此 URL 以检查每个是否正确： 

http://127.0.0.1:4001/wordpress/wp-content/themes/freshlife/includes/js/emcsaninfo-symcli.js

你为什么在keyup函数中打开Plain JS，你可以像这样继续使用jQuery：

$(document).ready(function () {
    $('#vbus-id').keyup(function () {
        var $this = $(this);
        var $output = $("#output");
        var text_value = $this.val();
        var message = "You have entered a invalid id.Vbus id ranges from 0 to F in hexadecimal";
       if (!text_value.match(/'b[0-9A-F]'b/gi)) {
            $this.val("");
            $output.html(message);
        }
        else
            $output.html("");
    });
});
相关文章：