Question

我是jquery的新手，我正在尝试以我的形式验证一个组合框，我试过但不起作用任何人都可以告诉我我做错了组合它是city其余的其他组件的效果很好

var x;
x=$(document);
x.ready(initEvents);

function initEvents()
{
    var x;
    x = $("#send");
    x.click(pressButton);
}

/*this method  validates the form*/
function pressButton()
{   
    $("#form1").validate(
{   rules:
    {
        'city':'required'
    },
    messages:
    {
        'name': 
        {
            required:'* El nombre es requerido"',  
            minlength:'Debe ingresar al menos dos caracteres'
        },
        'email':
        {
            required: 'Debe ingresar un correo electrónico',
            email: 'Debe ingresar el correo electrónico con el formato correcto. Por ejemplo: ejemplo@ejemplo.com'
        },
        'lastname':
        {
            required:'* El apellido es requerido',
            minlength:'Debe ingresar al menos dos caracteres'
        },
        'phone':
        {
            required:'* Debes proveer un numero de telefono, para ubicarte',
            minlength:'El numero debe tener al menos 7 digitos'
        }
        'city':
        {
            required:'*'
        }
    },
    submitHandler: function (form)
    {
        /*do something*/
    }
});

}

感谢您的帮助

Answer 1

您应该只使用参数调用validate一次，（将其移至document.ready）。然后，在按钮单击中，您应该调用.form()，最后拥有：

function pressButton()
{
  $("#form1").validate().form(); //The rest of the code moved to document.ready
}

由于只有“城市”验证失败，您似乎还应将城市验证移至“消息”部分，因此您将改为：

$("#form1").validate({   
    messages:
    {
        'city': 
        {
           required: 'Debe indicar una ciudad'
        },
        'name':
        {
        //...
    }
   //...
});

希望这会有所帮助。如果没有，请发送相关的HTML。

PS：Saludos，desde La Paz，玻利维亚

用jquery验证组合框

1 个答案: