表单验证提示插件validate

此表单验证插件会对表单字段进行验证，实时提示用户输入信息，用户体验非常好，验证提示紧随input框！

成都创新互联公司专注于盖州网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供盖州营销型网站建设，盖州网站制作、盖州网页设计、盖州网站官网定制、微信小程序开发服务，打造盖州网络公司原创品牌,更为您提供盖州网站排名全网营销落地服务。

以下为表单验证案例代码：

    //引入的插件

    $(document).ready(function(){
        formValidate();                               //表单验证函数
    });
    function formValidate(){
        $("#sendmail").validate({                      //#sendmail表单id
            errorElement : "span",                     //错误信息将放入此标签内
            errorClass: "error_input" ,                //验证出错时使用的css class
            success: "valid" ,                         //自定义验证成功时的动作
            errorPlacement: function(error, element) { //自定义错误消息的显示位置

                element.next().html(error);     //error错误信息，element错误产生的input
            },
                rules: {
                    "from":{
                        required: true
                    },
                    "fromName":{
                        required: true
                    },
                    "to":{
                        required: true
                    },
                    "url":{
                        required: true
                    },
                    "subject":{
                        required: true
                    },
                    "html":{
                        required:true
                    },
                    "contry":{
                        required:true
                    }
                },
            messages: {
                "from":{
                    required: '请输入公司名称'
                },
                "fromName":{
                    required: '请选择省份'
                },
                "to":{
                    required: '请选择城市'
                },
                "url":{
                    required: '请选择县/区'
                },
                "subject":{
                    required: '请输入地址'
                },
                "html":{
                    required:'请选择国家区号'
                },
                "contry":{
                    required:'请选择国家区号'
                }
            },
            submitHandler: function(form){ //表单提交句柄,为一回调函数，带一个参数：form

                form.submit();    //提交表单
            }
        });

    };



    .error_input{color:red;}                         //错误提示的样式


    
发件邮箱：
    
发件姓名：
    
收件邮箱：
    
url：
    
发件主题：
    
选择类别：
            中国
            美国
            日本
            俄罗斯
            法国
            德国
        
        
    
邮件内容：
    
附　　件：

网站栏目：表单验证提示插件validate
本文网址：http://mswzjz.cn/article/gscjic.html