$(function() {
$("form[name='test']").validate({
rules: {
username: {
required: true,
maxlength: 32
},
email: "required",
password: "required"
},
messages: {
username: {
required: "лалалаа",
maxlength: jQuery.validator.format("Имя пользователя должно содержать не более {0} символов.")
},
email: "лалал",
password: "лалалал"
},
submitHandler: function(form) {
form.submit();
}
});
});
$(function() {
$("form[name='test']").validate({
rules: {
username: {
required: true,
maxlength: 32
},
email: "required",
password: "required"
},
messages: {
username: {
required: "лалалаа",
maxlength: jQuery.validator.format("Имя пользователя должно содержать не более {0} символов.")
},
email: "лалал",
password: "лалалал"
},
errorPlacement: function(error, element) {
error.insertAfter(element);
},
submitHandler: function(form) {
form.submit();
}
});
});
errorElement : 'div',
errorLabelContainer: '.errorTxt'
$(function() {
$("form[name='test']").validate({
rules: {
username: {
required: true,
maxlength: 32
},
email: "required",
password: "required"
},
messages: {
username: {
required: "лалалаа",
maxlength: jQuery.validator.format("Имя пользователя должно содержать не более {0} символов.")
},
email: "лалал",
password: "лалалал"
},
errorClass: "error",
// Класс "error" к элементу с ошибкой
submitHandler: function(form) {
form.submit();
}
});
});
.error {
color: red; /* или любой другой цвет */
margin-top: 5px; /* или свой параметр */
}
$(function() {
$("form[name='test']").validate({
rules: {
username: {
required: true,
maxlength: 32
},
email: "required",
password: "required"
},
messages: {
username: {
required: "лалалаа",
maxlength: jQuery.validator.format("Имя пользователя должно содержать не более {0} символов.")
},
email: "лалал",
password: "лалалал"
},
errorPlacement: function(error, element) {
if (element.attr("name") === "username") {
error.insertAfter("#usernameError"); // #usernameError - ID элемента для размещения ошибки
} else {
error.insertAfter(element);
}
},
submitHandler: function(form) {
form.submit();
}
});
});
<input type="text" name="username" id="username" />
<div id="usernameError"></div>
if (element.attr("name") === "password") {
error.insertAfter("#passwordError");
}