Jquery - 表单验证，为错误消息添加css样式
16lz
2021-01-22
I am trying to add css styles to the error messages that show up using Jquery validation. these are under the messages. I'm new to Jquery I have tried adding css class to the error message with no effect.
我正在尝试将css样式添加到使用Jquery验证显示的错误消息中。这些都在消息之下。我是Jquery的新手我已经尝试将css类添加到错误消息中而没有任何效果。
HTML Form
HTML表单
<form method="post" action="mail.php" id="contact-form">
<div class="form-group">
<label for="name">Name</label>
<input type="Text" class="form-control" name="name" id="name" placeholder="Enter Name">
</div>
<div class="form-group">
<label for="subject">Subject</label>
<input type="text" class="form-control" name="subject" id="subject" placeholder="Enter Subject">
</div>
<div class="form-group">
<label for="email">Email address</label>
<input type="email" class="form-control" name="email" id="email" placeholder="Enter Email">
</div>
<div class="form-group">
<label for="comment">Message</label>
<input type="text" class="form-control" name="comment" id="comment" placeholder="Enter Message">
</div>
<button type="submit" value="submit" name="submit" class="btn btn-default">Submit</button>
</form>
Jquery
jQuery的
<script type="text/javascript">
$('#contact-form').submit(function () {
$('#loadingimage').show();
$('#loadingtext').show();
});
</script>
<script type="text/javascript">
(function($,W,D)
{
var JQUERY4U = {};
JQUERY4U.UTIL =
{
setupFormValidation: function()
{
//form validation rules
$("#contact-form").validate({
rules: {
name: "required",
subject: "required",
email: {
required: true,
email: true
},
comment: "required"
},
messages: {
name: "Please enter your Name",
subject: "Please enter a Subject",
email: "Please enter a valid Email Address",
comment: "Please enter your Message",
},
submitHandler: function(form) {
form.submit();
}
});
}
}
//when the dom has loaded setup form validation rules
$(D).ready(function($) {
JQUERY4U.UTIL.setupFormValidation();
});
})(jQuery, window, document);
</script>
1 个解决方案
#1
1
try adding errorClass:'error',
尝试添加errorClass：'error'，
$("#contact-form").validate({
rules: {
name: "required",
subject: "required",
errorClass:'error',
email: {
required: true,
email: true
},
comment: "required"
},
messages: {
name: "Please enter your Name",
subject: "Please enter a Subject",
email: "Please enter a valid Email Address",
comment: "Please enter your Message",
},
submitHandler: function(form) {
form.submit();
}
});
更多相关文章
- HTML5 windows和iframe之间传递消息
- jQuery验证没有错误计数
- Struts消息国际化及异常处理
- GET错误Glyphicon-halflings-regular.ttf / woff / woff2与来自L
- iis aspx常见错误 HTTP 错误 404 - 文件或目录未找到。
- 在HTML / PHP联系表单上出现404/405错误（链接问题？）
- Joomla 3.x“错误检出失败，出现以下错误：”没有更多信息
- 如何捕获PHP类型暗示的“可捕获的致命错误”?
- 尽管“SQL语法错误”消息仍然成功执行