0

我正在验证一个工作正常的表单，但我不知道为什么表单在所有验证后都没有提交。

这是验证码：

$('#coupon_options').submit(function(e){
    e.preventDefault();

    var name = $('input[name="coupon_name"]'), 
        code = $('input[name="coupon_code"]'), 
        value = $('input[name="coupon_value"]'), 
        valid = $('input[name="coupon_valid"]'), 
        status = true;

    if( $.trim(name.val()) == "" ){
        name.css('border-color', '#ff0000');
        status = false;
    } else { name.removeAttr('style'); }

    if( $.trim(code.val()) == "" ){
        code.css('border-color', '#ff0000');
        status = false;
    } else { code.removeAttr('style'); }

    if( $.trim(value.val()) == "" ){
        value.css('border-color', '#ff0000');
        status = false;
    } else { value.removeAttr('style'); }

    if( $.trim(valid.val()) == "" ){
        valid.css('border-color', '#ff0000');
        status = false;
    } else { valid.removeAttr('style'); }

    if( status == true ){ return status; } 
    else { return false; }

});

据我所知，在提交事件后停止刷新我已经使用了return false但我不确定是否在这里返回真正的作品？

我不想使用Ajax，只想在验证后提交。这段代码有问题吗？？

4

2 回答 2

1

消除：

 e.preventDefault();

它甚至会阻止默认操作发生return true;。

例如：

  • 防止提交按钮提交表单
  • 防止链接跟随 URL
于 2013-09-05T05:12:33.857 回答
1

e.preventDefault();是问题，但您应该注意，当您有多个功能基本上对不同元素执行相同操作时，这绝不是一个好兆头，您可以将代码简化为：

$('#coupon_options').submit(function(e){
    var status = true;
    $('input[name="coupon_name"],input[name="coupon_code"],input[name="coupon_value"],input[name="coupon_valid"]').each(function(){
        if($.trim($(this).val()) == ""){
            $(this).css('border-color', '#ff0000');
            status = false;
        } else {
            $(this).removeAttr('style'); 
        }
    });
    return status;
});

您甚至可以$('input[name^="coupon_"]')用来选择以该前缀开头的所有输入。

于 2013-09-05T05:29:06.153 回答