javascript - 如果验证失败，Jquery 验证将不起作用

Question

我有一个实时的 jquery 名称验证。它正在实时工作，但是当我提交表单时，即使在显示错误消息后它也会提交该值。 这是我的验证代码:

  $(document).ready(function(){
  var $regexname=/^([a-zA-Z]{3,16})$/;
  $('.firstname ').on('keypress keydown keyup',function(){
         if (!$(this).val().match($regexname)) {
             $('.fname').removeClass('hidden');
             $('.fname').show();
         }
       else{
            $('.fname').addClass('hidden');
           }
     });
    });

任何人请帮助我，当错误消息显示时，表单无法提交。

Answer 1

试试这个方法。

 $('.firstname ').on('keypress keydown keyup',function(event){
         if (!$(this).val().match($regexname)) {
             event.preventDefault();
             $('.fname').removeClass('hidden');
             $('.fname').show();
         }
       else{
            $('.fname').addClass('hidden');
           }
     });