在使用jquery验证后正常提交表单

Question

我使用的是从这里jquery.form.js:http://www.malsup.com/jquery/form/.我想在提交之前验证表单输入文本的文本.验证转到'search_validate.php'.这部分工作正常.如果验证通过,则表单操作会更改.这也有效.

在更改操作属性后使表单正常提交不起作用.浏览器永远不会进入'/ videos/search /'页面.它保持在同一页面上.我看到'/ videos/search /'页面一遍又一遍地加载Firebug.

<form id="search" method="post" action="">
<input type="text" id="query" />
<input type="image" id="searchmag" src="blah.jpg" ?>
</form>

<script>
$(function(){
  $('#searchmag').click(function(){
    $('#search').attr('action','/search_validate.php');

    $('#search').ajaxForm(function(data, textStatus){
      if ((data.indexOf('letters & numbers only')>-1)) {
      $('#query').css('color','#FF0000').val(data); 

      $("#query").unbind("click").click(function(){
        $('#query').css('color','#848484').val('');
      });
    } else {
      $('#search').attr('action','/videos/search/' + $('#query').val());
      $('#search').submit();
    }
    });
  });
});
</script>

Answer 1

这对我来说总是有用的:

$("#myForm").on("submit", function(event) {
    event.preventDefault();

    // Validate form, returning on failure.

    $(this).off("submit");

    this.submit();
});

我希望这有帮助!