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');
           }
     });

Answer 2

使用event.preventDefault 或 return false;

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

或者

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

Answer 3

如果您的验证失败，则

返回false ;如果通过，则 true 。

所以，我建议你在函数中编写的代码是......

slope.bipartite(ex, plot.it=TRUE, ann=TRUE)
if (all(ex[-nrow(ex), 2] == 1)) {
  y <- -ex[, 3]
} else {
  y <- -ex[, 2]
}
y <- (sum(y) - cumsum(y))/sum(y)
x <- (ex[, "no"]/max(ex[, "no"]))
text(x,y-0.02,labels=names(y), cex=0.5)

Answer 4

添加按钮单击事件验证以检查错误是否可见。

    $('#buttonId').on('click',function(){
    if($('.fname').is(':visible'))
    {
    alert('Resolve error before submitting the form.');
    return false;
    }
    })

如果验证失败，则Jquery验证无效

4 个答案: