jQuery ui插件的使用方法代码实例 - Web前端

作者：98wpeu发布时间：2026-07-18分类：网页前端技术浏览：3

导读：复制代码代码如下: <scriptsrc="JQuery1.7.JS"type="text/javascript"></script> ...

复制代码代码如下:
       <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>

$(function () {

            $('#FORM1').validate({
                rules: {
                    txtUser: { reqUIred: true, minlength: 6 },
                    txtPassword: { required: true, minlength: 6 },
                    txtConfirm: { required: true, minlength: 6, equalto: "#password" },
                    txtHomePage: { required: true, url: true },
                    txtBirthday: { required: true, dateISO: true },
                    txtXueYa: { required: true, digits: true },
                    txtemAIl: { required: true, email: true }
                },
                errorshow: function (error, element) {
                    error.appendTo(element.siblings('span'));
                }
            })
        })

    </script>

</head>
<body>
    <form action="" id="Form1">
         <table>
             <tr>
                <td>用户名：</td>
                <td><input name="txtUser" type="text" /><span>*</span> </td>
              </tr>

</form>
</body>
</html>

标签：使用方法插件实例代码 Web ui

上一篇：用jquery实现输入框获取焦点消失文字 - Web前端
下一篇：jquery插件validate验证的小例子 - Web前端

jQuery ui插件的使用方法代码实例 - Web前端

相关推荐