3

フォームの次のフィールドが入力されていることを確認して、情報要求フォームを検証するフォーム検証を実行しようとしています。

▪ 名前フィールド
▪ 電子メール フィールド
▪ コメント

関数 validateName() がまったく機能しないため、他の関数も機能しなくなります (フィールドにデフォルト値を追加し、テキスト領域をクリックするとデフォルト値が削除されます)。validateName() を削除すると、以前に作成した関数は正常に動作します。フォーム要素に onsubmit="return validateName()" を追加したことに注意してください。また、validateEmail() と validateComments() もそれぞれ作成する必要があります。

また、validateName()、validateEmail()、validateComments() 検証の関数で次のことを確認したいと思います。

▪ 送信時にフォーム フィールドが空かどうかを確認する ▪ 送信時にデフォルト テキストがフォーム フィールドにあるかどうかを確認する

使用しようとした 2 つの validateName() 関数をコメントアウトしたので、他の関数は機能します。

    function formtext(){
        document.contact.Name.value="Enter your name.";
        document.contact.Email.value="Enter your email address.";
        document.contact.questions.value="Enter your comments.";
    }
    function delete_email(){
        document.contact.Email.value = "";
    }
    function delete_name(){
        document.contact.Name.value = "";
    }
    function delete_comments(){
        document.contact.questions.value = "";
    }

   /* function validateName()
    {
        var x=document.contact.Name.value;
        if (x==null || x=="")

        {
            alert("Name must be filled out");
            return false;
        }
    }  */

    /* function validateName()
    {
        var x=document.contact.["Name"].value;
        if (x==null || x=="")
        {
            alert("Name must be filled out");
            return false;
        }
    }    */

</script>
4

1 に答える 1

2 
var defaultName == 'Please Enter Name', defaultEmail == 'Please Enter Email', defaultComment == 'Please Enter Comment';
function validateForm()
    {
        if(document.getElementById('namefield').value == '' || (document.getElementById('namefield').value == defaultName)
        {
            alert('Please enter name'); 
        }
        if(document.getElementById('emailfield').value == '' || (document.getElementById('emailfield').value == defaultEmail)
        {
            alert('Please enter email');    
        }
        if(document.getElementById('commentsfield').value == '' || (document.getElementById('commentsfield').value == defaultComment)
        {
            alert('Please enter comments'); 
        }
    }
于 2013-05-26T17:44:48.487 に答える