• jQuery ui插件用法


           <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 () {


                $('#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>


                  <tr>
                     <td>密码:</td>
                      <td><input name="txtPassword" id="password" type="text" /><span>*</span> </td>
                  </tr>


                  <tr>
                     <td>确认密码:</td>
                      <td><input name="txtConfirm" type="text" /><span>*</span> </td>
                  </tr>


                  <tr>
                       <td>主页:</td>
                        <td><input name="txtHomePage" type="text" /><span>*</span> </td>
                  </tr>


                  <tr>
                    <td>生日:</td>
                     <td><input name="txtBirthday" type="text" /><span>*</span> </td>
                  </tr>


                  <tr>
                     <td>血压:</td>
                      <td><input name="txtXueYa" type="text" /><span>*</span> </td>
                  </tr>


                  <tr>
                    <td>邮箱:</td>
                    <td><input name="txtEmail" type="text" /><span>*</span> </td>
                  </tr>
             </table>


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

  • 相关阅读:
    jquery动态生成button的点击事件
    datatable 相关属性翻译
    python程序出现403错误
    相同布局的div层叠,冲突问题解决
    js进阶
    css进阶
    pycharm快捷键及常用设置
    arcgis软件安装相关问题
    将input type="file" 类型的图片文件转成base64
    SpringMVC中的参数绑定总结
  • 原文地址:https://www.cnblogs.com/javawebsoa/p/3065856.html
Copyright © 2020-2023  润新知