jQuery-表单验证,将CSS样式添加到错误消息

乔纳森5660

我试图将CSS样式添加到使用Jquery验证显示的错误消息中。这些都在消息下。我是刚接触Jquery的人,尝试将CS​​S类添加到错误消息中没有任何效果。


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的


    <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>
richa_pandey

尝试添加 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();
                            }
                        });

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用jQuery将CSS样式添加到特定文本

来自分类Dev

当我将远程添加到Jquery验证表单提交时无效

来自分类Dev

将CSS添加到Jquery旋钮?

来自分类Dev

如何使用jquery ajax将css样式添加到动态加载的代码段

来自分类Dev

将.CSS样式元素添加到JQuery Mobile中的链接按钮

来自分类Dev

无法将Class添加到HTML表单jQuery

来自分类Dev

如何将jQuery信息添加到html表单?

来自分类Dev

将AJAX / jQuery添加到简单的PHP表单

来自分类Dev

从jQuery的css之前,将css添加到children元素

来自分类Dev

jQuery将类添加到错误的语义

来自分类Dev

jQuery表单验证中的错误消息

来自分类Dev

jQuery将CSS类动态添加到Bootbox Modal

来自分类Dev

jQuery将CSS类添加到父<ul>元素

来自分类Dev

将CSS添加到jquery子元素

来自分类Dev

如何通过jQuery将CSS添加到类中?

来自分类Dev

将CSS设置添加到新的JQuery插件

来自分类Dev

jQuery-将CSS规则添加到iframe主体

来自分类Dev

jQuery-将CSS添加到localStorage变量

来自分类Dev

使用jquery将CSS节点添加到未知页面

来自分类Dev

jQuery 将 css 添加到当前 li js

来自分类Dev

如何使用 jquery 将 css 添加到 iframe 中?

来自分类Dev

jQuery:将样式属性添加到现有样式

来自分类Dev

jQuery表单验证-phoneUS和默认消息样式

来自分类Dev

如何将样式表和jQuery添加到joomla 3.x模块

来自分类Dev

无法将jQuery UI按钮样式添加到所有按钮Codeigniter

来自分类Dev

如何通过jQuery将excel属性添加到样式标签?

来自分类Dev

无法将jQuery UI按钮样式添加到所有按钮Codeigniter

来自分类Dev

将类名称添加到样式化Jquery UI主题的动态生成内容中

来自分类Dev

使用jQuery将内联样式添加到动态生成的div中

Related 相关文章

热门标签

归档