验证表单在我的页面中无效

时间:2014-07-28 12:20:23

标签: jquery

我正在使用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

1 个答案:

答案 0 :(得分:0)

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

使用此插件