Question

我无法验证一个简单的表单，包括名称和电子邮件字段，以及显示自定义错误消息。电子邮件错误消息似乎有效，但是对于名称我得到“此字段是必需的”。而不是我指定的那个。

表单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，宽度：400，纽扣： [ { 文字：“好的”， 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" );
            }   
        }
    }
]

}）;

非常感谢任何帮助。

Answer 1

您的代码中存在很少的语法错误...希望它是一个复制粘贴错误...

您需要将name属性赋予输入字段...

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

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

演示：Fiddle

自定义jQuery Validator消息

1 个答案: