0

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 ="";
    });
});

このスクリプトが自分のワードプレスで機能しない理由がわかりません。サイトに v jquery バージョン 1.10.1 があります フィドルのセットアップ: JSFIDDLE PHPFIDDLE

4

2 に答える 2

4

Wordpress は、一重引用符 (') を一部の Unicode に変換します。

コードがワードプレスで機能しないのはそのためです。

JavaScript コードでは二重引用符 (") を使用します。

変更する

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

に

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

それが役に立てば幸い...

于 2013-10-11T12:05:51.857 に答える