jQuery:在调用preventDefault()之后调用action's表单

jQuery: call the action's form after calling preventDefault()

本文关键字：调用 action 表单 preventDefault jQuery 之后      更新时间：2023-09-26

下面的代码显示了一个字段未填写时的错误消息。

正如你所看到的，我正在调用preventDefault()，但是…如果字段已经填充，如何调用关联到表单的操作??

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

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

这里的问题是您放置e.preventDefault()的位置。您只希望在验证失败时阻止default，因此只需将其移动到if条件中。

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