zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    Tips for Hoops 3D & ACIS
    把书读薄TICPP(2)
    Software Toolbox EasyOPC简介
    Wonderware InSQL and Incurity安装心得
    Linux root password reset
    SQL Server 2005 的搞笑
    SVG 简介
    M0n0wall 是什么?
    Solaris 上调试系统 hang 的总结
    DDNS简介
  • 原文地址:https://www.cnblogs.com/javawebsoa/p/3065856.html
Copyright © 2011-2022 走看看