jquery验证表单

<script type="text/javascript">
    jQuery(document).ready(function($){
        $.validator.setDefaults({
            submitHandler: function(form){
                var title           = document.getElementsByName('title');          //获取需要验证的值 主题

                var address         = document.getElementsByName('address');        //家庭或单位地址

                $(form).ajaxSubmit();// jquery会阻止表单的提交,需要添加一个ajax提交
            }

        });
        $("#myform").validate({ //这里的双引号内写html页面form表单的name 先小括号再大括号相当于是重写这个函数
            event:"blur",
            errorElement:"ev",
            errorPlacement: function(error, element) { //配置错误信息输出
                error.appendTo( element.parent("td")); //选择table的一个td后面输出(由于我自己的是选择td)
            },
            success: function(label) {
                label.text("").addClass("success"); //返回值
            },
            rules:{
                "title" :{
                    required:true, //需要填写
                    rangelength:[10,15] //长度在10到15之间
                },

                "address":{
                    required:true
                }
            },
            messages:{
                "title":{
                    required:"请填写标题!",//rules对应的message
                    rangelength:"长度不合适!"
                },

                "address":{
                    required:"请填写地址!"
                }
            }
        });
    });
</script>

以上是主要的代码了,需要使用jquery的话,需要加载相应的jquery.js,否则是报错的。
(ps:html里面的id 和name属性一定要写对)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值