【问题标题】:Validating a form is not working in my page验证表单在我的页面中不起作用
【发布时间】:2014-07-28 12:20:22
【问题描述】:

我正在使用 jquery mobile 1.4.3。

我正在使用validate 函数进行表单验证。

但它不起作用。这是我第一次使用它。我没有找到我出错的地方。

请任何人帮助我。

jQuery(document).ready(function () {

    jQuery("#registrarse").validate({

        errorClass: "msg_contacto",
        onkeyup: false,
        rules: {
            im_Nombre: {
                required: true,
                minlength: 3
            },
            im_Email: {
                required: true,
                email: true
            },
            im_cEmail: {
                required: true,
                email: true,
                equalTo: "#registrarse #im_Email"
            },
            im_Telefono: {
                required: true
            }
        },
        messages: {
            im_Nombre: {
                required: 'Campo Requerido',
                minlength: 'Su nombre debe tener al menos 3 caracteres'
            },
            im_Email: {
                required: 'Campo Requerido',
                email: 'E-mail inválido',
            },
            im_cEmail: {
                required: 'Campo Requerido',
                email: 'E-mail inválido',
                equalTo: 'Confirme correctamente su E-mail'
            },
            im_Telefono: {
                required: 'Campo Requerido'
            }
        },
        errorPlacement: function (error, element) {

            error.appendTo(element.nextAll("span.mensaje"));
        }

    });

});

这里是 jsfiddle 的链接:demo

【问题讨论】:

    标签: jquery


    【解决方案1】:

    Use this

     jQuery(document).ready(function () {
    
    $("#registrarse").validate({
    
        errorClass: "msg_contacto",
        onkeyup: false,
        rules: {
            im_Nombre: {
                required: true,
                minlength: 3
            },
            im_Email: {
                required: true,
                email: true
            },
            im_cEmail: {
                required: true,
                email: true,
                equalTo: "#registrarse #im_Email"
            },
            im_Telefono: {
                required: true
            }
        },
        messages: {
            im_Nombre: {
                required: 'Campo Requerido',
                minlength: 'Su nombre debe tener al menos 3 caracteres'
            },
            im_Email: {
                required: 'Campo Requerido',
                email: 'E-mail inválido',
            },
            im_cEmail: {
                required: 'Campo Requerido',
                email: 'E-mail inválido',
                equalTo: 'Confirme correctamente su E-mail'
            },
            im_Telefono: {
                required: 'Campo Requerido'
            }
        },
        errorPlacement: function (error, element) {
    
            error.appendTo(element.nextAll("span.mensaje"));
        }
    
    });
    
     });
    

    http://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.11.1/jquery.validate.min.js

    使用这个插件

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-03-07
      • 2021-08-28
      • 2017-07-23
      • 1970-01-01
      • 2016-05-16
      • 2021-12-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多