2015-11-22 3 views
0

Как можно просмотреть/подтвердить каждое поле формы при нажатии TAB ключ. В настоящее время он работает только в том случае, если вы начинаете вводить текст в поле. Существует fiddle.js.Как подтвердить поле формы при нажатии вкладки?

Я использую validatejs скрипт с этими параметрами:

$('#form').validate({ // initialize the plugin 
    success: function(label) { 
     label.addClass("valid"); 
    }, 
    rules: { 
     formFName: { 
      required: true, 
      minlength: 2 
     }, 
     formLName: { 
      required: true, 
      minlength: 2 
     }, 
     formEmail: { 
      required: true, 
      email: true 
     } 
    }, 
    messages: { 
     formFName: { 
      required: "Enter your first name, please.", 
      minlength: "A name usually has at least 2 characters, right?" 
     }, 
     formLName: { 
      required: "Enter your last name, please.", 
      minlength: "A name usually has at least 2 characters, right?" 
     }, 
     formEmail: { 
      required: "Enter your email address, please.", 
      email: "Enter an existing email address, please." 
     } 
    }, 
    submitHandler: function (form) { 
     alert('sent'); 
    } 
}); 
+0

Я думаю, вы неправильно поняли, как это должно работать. Tab ** делает ** запускает проверку, но, поскольку плагин по умолчанию «ленив», эти триггеры ничего не делают до тех пор, пока * после того, как * нажата кнопка в первый раз. Принимаемый ответ работает, потому что он преодолевает «ленивый» «onfocusout» с «нетерпеливой» версией. – Sparky

+0

Да, ты сейчас я умнее. спасибо – Mardzis

ответ

2

Вы могли бы сделать что-то вроде этого:

$('#form').validate({ 
    onkeyup: false, 
    onfocusout: function(element, event) { 
     this.element(element); 
    } 
}); 

EDIT 1:

Или, если вы действительно хотите только для использования ключа TAB в качестве валидатора вы можете сделать это:

$('#form').validate({ 
    onkeyup: function (element, event) { 
     if (event.which === 9) { 
      this.element(element); 
     } else { 
      return; 
     } 
    }, 
}); 
Смежные вопросы