jquery 注册验证

<link href="style/base.css" rel="stylesheet" type="text/css" />
<link href="style/pay.css" rel="stylesheet" type="text/css" />
<!--引入Jquery 验证框架核心js 和 css 文件 -->
<script type="text/javascript" src="js/jquery_last.js" charset="UTF-8"></script>
<script type="text/javascript" src="js/formValidator.js" charset="UTF-8"></script>
<script type="text/javascript" src="js/formValidatorRegex.js" charset="UTF-8"></script>
<script type="text/javascript" src="js/pwd_strength.js" charset="UTF-8"></script>
<link  href="style/validator.css" rel="stylesheet" type="text/css" />
   <script type="text/javascript">
       $(document).ready(function () {
           $.formValidator.initConfig({ formid: "form1", onerror: function (msg) { alert(msg); } })

           $("#email").formValidator({ onshow: "请输入注册邮箱(E_mail)", onfocus: "注册邮箱(E_mail)必须填写", oncorrect: "邮箱已输入" }).inputValidator({ min: 10, max: 100, onerror: "邮箱长度有误,请正确填写" }).regexValidator({ regexp: "email", datatype: "enum", onerror: "邮箱格式有误" });

           $("#realName").formValidator({ onshow: "请输入真实姓名", onfocus: "真实姓名必须填写", oncorrect: "真实姓名已输入" }).inputValidator({ min: 4, max: 12, onerror: "真实姓名有误请确认" }).regexValidator({ regexp: "chinese", datatype: "enum", onerror: "真实姓名必须是中文" });

           $("#password").formValidator({ onshow: "请输入密码", onfocus: "密码必须填写", oncorrect: "密码已输入" }).inputValidator({ min: 6, max: 18, onerror: "密码必须在6-18位之间" });

           $("#password2").formValidator({ onshow: "请输入密码", onfocus: "密码必须填写", oncorrect: "密码已输入" }).inputValidator({ min: 6, max: 18, onerror: "密码必须在6-18位之间" }).compareValidator({ desid: "password", operateor: "=", onerror: "2次密码不一致,请确认" });

           $("#paypassword").formValidator({ onshow: "请输入支付密码", onfocus: "支付密码必须填写", oncorrect: "支付密码已输入" }).inputValidator({ min: 6, max: 18, onerror: "支付密码必须在6-18位之间" });

           $("#paypassword2").formValidator({ onshow: "请输入支付密码", onfocus: "支付密码必须填写", oncorrect: "支付密码已输入" }).inputValidator({ min: 6, max: 18, onerror: "支付密码必须在6-18位之间" }).compareValidator({ desid: "paypassword", operateor: "=", onerror: "2次密码不一致,请确认" });
       });
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
  <table width="100%" border="0" cellspacing="4" cellpadding="0" style="line-height:40px; font-size:14px;">
   <tr>
      <td width="35%" align="right"><span class="red">* </span>Email:</td>
      <td width="30%">
        <input type="text" name="email" id="email" size="30"/>
        </td>
      <td width="35%" class="gray f12"><div id="emailTip" style="width:200px"></td>
      </tr>
    <tr>
      <td align="right"><span class="red">*</span> 真实姓名:</td>
      <td><input type="text" name="realName" id="realName"  size="30"/></td>
      <td class="gray f12"><div id="realNameTip" style="width:200px"></td>
      </tr>
    <tr>
      <td align="right"><span class="red">* </span>登录密码:</td>
      <td><input type="password" name="password" id="password"  size="30"/></td>
      <td class="gray f12"><div id="passwordTip" style="width:200px"></td>
      </tr>
    <tr>
      <td align="right"><span class="red">* </span>确认登录密码:</td>
      <td><input type="password" name="password2" id="password2"  size="30"/></td>
      <td class="gray f12"><div id="password2Tip" style="width:200px"></td>
      </tr>
    <tr>
      <td align="right"><span class="red">* </span>支付密码:</td>
      <td><input type="password" name="paypassword" id="paypassword"  size="30"/></td>
      <td class="gray f12"><div id="paypasswordTip" style="width:200px"></td>
      </tr>
    <tr>
      <td align="right"><span class="red">* </span>确认支付密码:</td>
      <td><input type="password" name="paypassword2" id="paypassword2"  size="30"/></td>
      <td class="gray f12"><div id="paypassword2Tip" style="width:200px"></td>
      </tr>
    <tr>
      <td align="right"><span class="red"></span></td>
      <td>
       
        </td>
      <td class="gray f12"><div id="vericodeTip" style="width:200px"></td>
      </tr>
    <tr height="90">
      <td>&nbsp;</td>
      <td></td>
      <td>&nbsp;</td>
      </tr>
    </table>
    </form>
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值