jquery插件validate驗證的小例子

2019-11-20 22:44:06

字體：大中小

來源：轉載

供稿：網友

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
   
    <script src="Jquery1.7.js" type="text/javascript"></script>
    <script src="jquery.validate.js" type="text/javascript"></script>
    <script src="messages_cn.js" type="text/javascript"></script>
    <script type="text/javascript">
//        $(function () {
//            $('#a').validate({
//                rules: {
//                    username: { required: true, minlength: 6, maxlength: 12 },
//                    email: { required: true, email: true }
//                },
//                errorshow: function (error, element) {
//                    error.appendTo(element.siblings('span'));
//                }

// })

        //        })
        $(function () {
            $('#a').validate({
                rules: {
                    username: { required: true, minlength: 6, maxlength: 12 },
                    email: { required: true, email: true },
                    pwd: { required: true, rangelength:[6,6] },
                    again: { required: true, equalTo: ($('#aa')) }, //這里一定是id
                    birthday:{date:true},
                    blood:{digits:true}
                },
                errorshow: function (error, element) {
                    error.appendTo(element.siblings('span'));
                }

})

})
</script>
</head>