0

フォームの検証が機能していません。以下に、コードとエラー メッセージを示します。JS に問題があるとは思わないでください。Chrome と Firefox は HTML 部分を指しています。Firefox の Firebug から作成したスクリーンショットを参照してください。

ここに画像の説明を入力

HTML:

<div>Enter your state code:<input id="state" name="state" type="text" size="2" onblur="isStateOk(this.document.getElementById("state_help"));"/>        
<span id="state_help"></span></div>

Javascript:

function isStateOk(inputField, helpId) {        // See if the input value contains any text

    return editNodeText (/^A[LKSZRAEP]|C[AOT]|D[EC]|F[LM]|G[AU]|HI|I[ADLN]|K[SY]|LA|M[ADEHINOPST]|N[CDEHJMVY]|O[HKR]|P[ARW]|RI|S[CD]|T[NX]|UT|V[AIT]|W[AIVY]$/, inputField.value, helpId, "Enter a State Code in Uppercase (Ex.NY, PA, CA)");
}

注: eclipse(" ") の下に赤い点線を表示しstate_helpます。idのspanがまったく見つからないのではないでしょうか? 入力を開始すると、コード支援が得られますstate_

更新: JAVASCRIPT ファイル: 以下のこのファイルの最初の関数を指す新しいエラー メッセージ:

function editNodeText(regex, input, helpId, helpMessage) {        // See if the visitor entered the right information

    if (!regex.test(input)) {          // If the wrong information was entered, warn them

        if (helpId != null)

            while (helpId.firstChild) // Remove any warnings that may exist

                helpId.removeChild(helpId.firstChild);

                helpId.appendChild(document.createTextNode(helpMessage)); // Add new warning

                return false;
    } else {          // If the right information was entered, clear the help message

        if (helpId != null){

            while (helpId.firstChild) // Remove any warnings that may exist

                helpId.removeChild(helpId.firstChild);
        }

        return true;

    }   
}




//inputField – ID Number for the html text box
//helpId – ID Number for the child node I want to print a warning in
//See if the input value contains any text
function isTheFieldEmpty(inputField, helpId) {          

    return editNodeText(/^[A-Za-z\.\' \-]{2,15}\s?[A-Za-z\.\' \-]{2,15}\s?[A-Za-z\.\' \-]{2,15}/, inputField.value, helpId, "Please enter a valid name.");
} // inputField.value – Value typed in the html text box



function isAddressOk(inputField, helpId) {        // See if the input value contains any text

    return editNodeText(/^[A-Za-z0-9\.\' \-]{5,30}$/, inputField.value, helpId, "Enter a Street (Ex.1234 Main St.)");
}



function isStateOk(inputField, helpId) {        // See if the input value contains any text

    return editNodeText (/^A[LKSZRAEP]|C[AOT]|D[EC]|F[LM]|G[AU]|HI|I[ADLN]|K[SY]|LA|M[ADEHINOPST]|N[CDEHJMVY]|O[HKR]|P[ARW]|RI|S[CD]|T[NX]|UT|V[AIT]|W[AIVY]$/, inputField.value, helpId, "Enter a State Code in Uppercase (Ex.NY, PA, CA)");
}



function isPhoneOk(inputField, helpId) {        // See if the input value contains any text

    return editNodeText(/^([0-9]( |-)?)?(\(?[0-9]{3}\)?|[0-9]{3})( |-)?([0-9]{3}( |-)?[0-9]{4}|[a-zA-Z0-9]{7})$/, inputField.value, helpId, "Enter a Phone Number (Ex.412-828-3000)");
}



function isEmailOk(inputField, helpId) {        // See if the input value contains any text

    return editNodeText(/^[A-Za-z0-9._-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/, inputField.value, helpId, "Enter an Email (Ex. cimdata@javascript.de)");

}
4

1 に答える 1

1

html 属性の二重引用符内に含まれる JS 文字列には単一引用符を使用しないと、結果が解析できなくなります。

から：

onblur="isStateOk(this.document.getElementById("state_help"));"/>

に：

onblur="isStateOk(this.document.getElementById('state_help'));"/>
于 2012-09-13T10:39:12.453 に答える