首页 > Web开发 > 详细

jquery.validate 动态增加、删除规则

时间:2016-05-19 16:28:21      阅读:222      评论:0      收藏:0      [点我收藏+]
<form name="form" id="form1">
        <table>
            <tr>
                <td>类型:</td>
                <td>
                    <select name="type" id="type">
                            <option value="">请选择</option>
                            <option value="1">身份证</option>
                            <option value="2">护照</option>
                        </select>
                </td>
            </tr>
            <tr>
                <td>号码:</td>
                <td><input type="text" name="code" id="code"></td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="submit" value="提交">
                </td>
            </tr>
        </table>
    </form>
$(function(){
        /***** add/remove rule*****/
         $("#type").change(function(){
             $("#code").rules("remove");
             if($(this).val()=="1"){
                 $("#code").rules("add",{required:true,minlength:6,messages:{required:"请输入正确身份号"}});
             }else if($(this).val()=="2"){
                 $("#code").rules("add",{required:true,minlength:3,messages:{required:"请输入正确护照号"}});
             }
         });
         
         $("#form1").validate({
               errorPlacement: function (lable, element)
                {
                    lable.appendTo(element.parent());
                },
                success: function (lable)
                {
                    lable.remove();
                },
                submitHandler: function (form)
                {
                    console.log("form submit");
                }
         });
    });

 

jquery.validate 动态增加、删除规则

原文:http://www.cnblogs.com/miharu/p/5509049.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!