jQuery：调用preventDefault（）后调用action的表单

Question

以下代码显示未填写字段时的错误消息。

正如您所看到的，我正在调用preventDefault（），但是......如果字段已被填充，如何调用与表单关联的操作？

$('input#save').click(function(e){
  e.preventDefault()

  if($('#field_1').val() == ''){

    $('#error_file').show();

  }
});

Answer 1

$('input#save').click(function(e){
  e.preventDefault()

  if($('#field_1').val() == ''){

    $('#error_file').show();

  }
  else 
  {
     $('#my_form').submit();
  }
});

Answer 2

这里的问题是您放置e.preventDefault()的位置。如果验证失败，您只想防止默认，所以只需将其移到if条件内。

$('input#save').click(function(e){
    if($('#field_1').val() == ''){
        e.preventDefault();
        $('#error_file').show();
    }
});