jQuery 验证实例(shopnc二次开发)

shopnc 商家用户实现添加用户与前台用户分离, jQuery 验证实例

equalTo:等于

<div id="saleRefund" show_id="1" >

    <div class="ncsc-form-default">

  <form id="add_form2" action="<?php echo urlShop('store_account', 'seller_account_save');?>" method="post">

    <dl>

      <dt><i class="required">*</i>登录账号<?php echo $lang['nc_colon'];?></dt>

      <dd><input class="w120 text" name="seller_name" type="text" id="seller_name" value="" />

          <span></span>

        <p class="hint"></p>

      </dd>

    </dl>

    <dl>

      <dt><i class="required">*</i>登陆密码<?php echo $lang['nc_colon'];?></dt>

      <dd><input class="w120 text" name="seller_passwd" type="password" id="seller_passwd" value="" />

          <span></span>

        <p class="hint"></p>

      </dd>

    </dl>

    <dl>

      <dt><i class="required">*</i>重复密码<?php echo $lang['nc_colon'];?></dt>

      <dd><input class="w120 text" name="re_passwd" type="password" id="re_passwd" value="" />

          <span></span>

        <p class="hint"></p>

      </dd>

    </dl>

    <dl>

      <dt><i class="required">*</i>真实姓名<?php echo $lang['nc_colon'];?></dt>

      <dd><input class="w120 text" name="real_name" type="text" id="real_name" value="" />

          <span></span>

        <p class="hint"></p>

      </dd>

    </dl>

    <dl>

      <dt><i class="required">*</i>账号组<?php echo $lang['nc_colon'];?></dt>

      <dd><select name="group_id">

            <?php foreach($output['seller_group_list'] as $value) { ?>

            <option value="<?php echo $value['group_id'];?>"><?php echo $value['group_name'];?></option>

            <?php } ?>

          </select>

          <span></span>

        <p class="hint"></p>

      </dd>

    </dl>

    <div class="bottom">

      <label class="submit-border">

        <input type="submit" class="submit" value="<?php echo $lang['nc_submit'];?>">

      </label>

    </div>

  </form>

</div>

</div>

 $('#add_form2').validate({

        onkeyup: false,

        errorPlacement: function(error, element){

            element.nextAll('span').first().after(error);

        },

        submitHandler:function(form){

            ajaxpost('add_form2', '', '', 'onerror');

        },

        rules: {

            seller_passwd: {

                required: true,

            },

            re_passwd: {

                required: true,

                equalTo:'#seller_passwd',

            },

             real_name: {

                required: true,

                maxlength: 50,

            },

            seller_name: {

                required: true,

                maxlength: 50,

                seller_name_exist: true

            },

            group_id: {

                required: true

            }

        },

        messages: {

            seller_passwd: {

                required: '<i class="icon-exclamation-sign"></i>用户密码不能为空',

            },

            re_passwd: {

                required: '<i class="icon-exclamation-sign"></i>请输入确认密码',

                equalTo : '<i class="icon-exclamation-sign"></i>两次输入密码不一致',

            },

             real_name: {

                required: '<i class="icon-exclamation-sign"></i>卖家真实姓名不能为空',

                maxlength: '<i class="icon-exclamation-sign"></i>卖家真实姓名最多50个字'

            },

            seller_name: {

                required: '<i class="icon-exclamation-sign"></i>卖家账号不能为空',

                maxlength: '<i class="icon-exclamation-sign"></i>卖家账号最多50个字'

            },

            group_id: {

                required: '<i class="icon-exclamation-sign"></i>请选择账号组'

            }

        }

    });

<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>