0

我有一个表单，他包含百分比数据的文本字段，在点击提交时我想使用类选择器验证所有百分比，并检查无效百分比打破每个和焦点字段，但“返回 false”不会打破这个

我的代码：

$('#enviarquestionario').click(function(event){
    event.preventDefault();

        $('input.percent').each(function(){
            valor = $(this).val();
            if(isNaN(valor) || valor > 100 || valor < 0 ){
                alert('Preencha corretamente os campos de porcentagem com valores entre 0 e 100');
                $(this).focus();
                return false;
            }else{
                $('#questionarioparticipacao').submit();
            }
        });

    return false;
});

不知何故，表单正在提交。

 #enviarquestionario is a ancor
4

3 回答 3

1

试试这个：

$('#enviarquestionario').click(function(event){
    event.preventDefault();
    var isError = false;

    $('input.percent').each(function(){
        valor = $(this).val();
        if(isNaN(valor) || valor > 100 || valor < 0 ){
            alert('Preencha corretamente os campos de porcentagem com valores entre 0 e 100');
            $(this).focus();
            isError = true;
            return false;
        }
    });

    if(!isError){ $('#questionarioparticipacao').submit(); }

    return false;
});
于 2012-11-04T15:28:16.300 回答
0

考虑更改代码以使用设置为 false 的有效标志，即使一次验证失败：

$('#enviarquestionario').click(function(event){

        event.preventDefault();

        var valid = true; // initially set to true

        $('input.percent').each(function(){
            valor = $(this).val();
            if(isNaN(valor) || valor > 100 || valor < 0 ){
                alert('Preencha corretamente os campos de porcentagem com valores entre 0 e 100');
                $(this).focus();
                valid = false; // set to false even if one fails
                return false;
            }
        });

        // submit only if all validations pass
        if(valid === true) $('#questionarioparticipacao').submit();

        return false;
});
于 2012-11-04T15:27:52.323 回答
0

只是我的版本。这实际上会像您想要的那样破坏 .each 。

$('#enviarquestionario').click(function(event){
    event.preventDefault();
        var breakerbreaker = false;
        $('input.percent').each(function(){
            if(breakerbreaker){ return false; }

            valor = $(this).val();
            if(isNaN(valor) || valor > 100 || valor < 0 ){
                alert('Preencha corretamente os campos de porcentagem com valores entre 0 e 100');
                $(this).focus();
                breakerbreaker = true;
        });

    if(!breakerbreaker){ $('#questionarioparticipacao').submit(); }    
    return false;
});
于 2012-11-04T15:34:13.150 回答