0

名前と電子メール フィールドで構成される単純なフォームの検証に問題があり、カスタム エラー メッセージが表示されます。メールのエラー メッセージは機能しているようですが、名前については「このフィールドは必須です」と表示されます。私が指定したものではなく。

フォーム HTML:

あなたの名前：

<div class="right"><input type="text" id="alert_name" required/></div>

<p>&nbsp;</p>

<div class="left">Your Email:</div>

<div class="right"><input type="email" id="alert_email" required/></div>

<div class="clear:both;">&nbsp;</div>
<p id="errors" style="clear: both; margin-top:15px; text-align: center; color: red;">&nbsp;</p>
</form>

jQuery:

$( "#basic-modal-content" ).dialog({ autoOpen: false, width: 400, buttons: [ { text: "OK", click: function() {

            $("#email_alert_form").validate({
                errorLabelContainer: '#errors',
                messages: {
                    email: {
                        required: "Please enter an email address",
                        email: "Please enter a valid email address"
                    },
                    alert_name: 
                        required: "Please enter your name"
                    }
                }
            });

            if (!$('#email_alert_form').valid()){

            } else {
                var datastring = 'email_alert=' + 'true' + '&name='+ $('#alert_name').val() + '&email=' + $('#alert_email').val();

                $.ajax({  
                  type: "POST",  
                  url: "process-contact.php",  
                  data: datastring,  
                  success: function(data) {  
                     $( "#submitted_alert" ).dialog( "open" );
                  }  
                });  
                $( this ).dialog( "close" );
            }   
        }
    }
]

});

どんな助けでも大歓迎です。

4

1 に答える 1

2

コードに構文エラーがいくつかあります...うまくいけば、それはコピーペーストの間違いです...

name入力フィールドに属性を与える必要があります...

<input type="text" name="alert_name" required />

<input type="email" name="alert_email" required />

デモ:フィドル

于 2013-09-28T17:31:57.453 に答える