我正在jquery中创建联系表单,但我在显示自定义验证消息时遇到了一些困难。它只显示一个包含消息的小型弹出窗口:“请填写表单”,而不是我指定的自定义消息。我尝试了不同版本的验证插件,但没有奏效。我遵循了多个教程,并获得了相同的结果。你们中的一些人能否将我放在正确的道路上,以便我可以自己完成这项工作?jquery自定义验证消息
JQuery的
$(document).ready(function() {
$('#contact_form').validate({
rules: {
name: {
required: true
}
},
messages: {
name: {
required: "come on, you have a name don't you?"
}
},
submitHandler: function (form) {
$(form).ajxSubmit({
type: "POST",
data: $(form).serialize(),
url: "",
success: function() {
$('#contact_form :input').attr('disabled', 'disabled');
$('#contact_form').fadeTo("slow", 0.15, function() {
$(this).find(':input').attr('disabled', 'disabled');
$(this).find('label').css('cursor', 'default');
$('#success').fadeIn();
});
},
error: function() {
$('#contact_form').fadeTo("slow", 0.15, function() {
$('#error').fadeIn();
});
}
});
}
});
});
HTML
<form method="post" name="contact" id="contact_form">
<div class="row uniform collapse-at-2">
<div class="6u">
<input type="text" name="name" id="name" placeholder="Name" required="" />
</div>
<div class="6u">
<input type="email" name="email" id="email" placeholder="Email" required="" />
</div>
</div>
<div class="row uniform">
<div class="12u">
<input type="text" name="subject" id="subject" placeholder="Subject" required="" />
</div>
</div>
<div class="row uniform">
<div class="12u">
<textarea name="message" id="message" placeholder="Message" rows="6" required=""></textarea>
</div>
</div>
<div class="row uniform">
<div class="12u">
<ul class="actions">
<li>
<input type="submit" class="special" value="Send Message" id="submit" name="submit" />
</li>
<li>
<input type="reset" name="reset" id="reset" value="Reset Form" /></li>
</ul>
</div>
</div>
</form>
你使用jQuery验证插件吗? – 2014-10-28 11:11:35
像我说的是.. – 2014-10-28 11:15:34
你没有看到? '来吧,你有个名字吗?'? – 2014-10-28 11:18:29