【问题标题】:jQuery Validate - Password confirmation equalTo doesnt workjQuery Validate - 密码确认 equalTo 不起作用
【发布时间】:2014-02-23 23:35:36
【问题描述】:

我试图做一个带有密码确认的表单来比较密码重复并在密码不同时使用 jquery.validate 给出错误,我的代码是这样的:

<script type="text/javascript">
  $( "#formulario" ).validate({
       rules: {
                nombre: { required: true, number: false, minlength: 1 },
                email: { required: true, email: true },
                cp: { required: true, number: true, minlength: 5, maxlength: 5 },
                password: { required: true, minlength: 6 },
                password2: { required: true, minlength: 6, equalTo: "#password" }
              },
       messages: {
                nombre: "Introduce un nombre correcto",
                email: "Introduce un email correcto",
                cp: "Introduce un codigo postal correcto",
                password: "la contraseña debe tener un minimo de 6 caracteres",
                password2: "las contraseñas tienen que ser iguales"
                }
       });
    });
</script>

<form id="formulario" method="post">
    <p>
      <label for="cp" class="hide">Nombre</label>
      <input type="text" name="nombre" value="" id="nombre" class="required" />
    </p>
    <p>
      <label for="email" class="hide">Email</label>
      <input type="text" name="email" value="" id="email" class="required" />
    </p>
    <p>
      <label for="cp" class="hide">Codigo postal</label>
      <input type="text" name="cp" value="" id="cp" class="required" />
    </p>
    <p>
      <label for="password" class="hide">Contraseña</label>
      <input type="password" name="password" id="password" class="required"/>
    </p>
    <p>
      <label for="password2" class="hide">rrrr Contraseña</label>
      <input type="password" name="password2" value="" id="password2" class="required" />
    </p>
    <p>
      <button type="submit" id="submit" name="submit">Enviar</button>
    </p>
</form>

我做错了什么?

谢谢!

【问题讨论】:

标签: jquery forms passwords jquery-validate


【解决方案1】:

问题解决了,我改了这个:

$( "#formulario" ).validate({

到这里:

 jQuery(function ($) {
    $("#formulario").validate({

现在可以了,谢谢大家

【讨论】:

  • 您缺少 DOM 就绪事件处理程序,这意味着您的 jQuery 代码试图在 DOM 中完全构建元素之前运行。您上面的修复是正确的,这就是您应该始终在页面上包含任何 jQuery 的方式。
猜你喜欢
  • 1970-01-01
  • 2014-02-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-02-22
  • 2016-12-21
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多