表单验证提示插件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://myzitong.com/article/gscjic.html