jQuery的化妆输入按钮提交表单

Question

我有一个简单的形式，看起来像这样：

<form action="#" name="submit" method="post"> 
     <input name="zip" id="zip" type="text" value="" class="zip-start" /> 
     <div class="form-submit"><a href="" id="zipformSubmit" rel="zipformSubmit" class="zipformSubmit">Submit</a></div> 
    </form> 

我有JS，看起来像这样：

<script> 
    $(document).ready(function() { 
    $("a[rel=zipformSubmit]").click(function(e) { 
     e.preventDefault(); 
     var zip = $('#zip').val(); 
     if (zip.length < 5) { alert("Please enter a valid zip code"); return false;}; 
     $.colorbox({href: "/ppc/form.htm?zip=" + zip, iframe:true, innerWidth:800, innerHeight:600}); 
    }); 
    }); 
</script> 

的问题是，用户只能提交这个表单通过点击提交按钮。关于如何调整js以便输入按钮也提交表单的任何想法？

在此先感谢

Answer 1

使用以及jQuery的submit^[docs]方法监听的形式从点击进入提交。

<script> 
    function submitHandler(e) { 
     e.preventDefault(); 
     var zip = $('#zip').val(); 
     if (zip.length < 5) { alert("Please enter a valid zip code"); return false;}; 
     $.colorbox({href: "/ppc/form.htm?zip=" + zip, iframe:true, innerWidth:800, innerHeight:600}); 
    } 

    $(document).ready(function() { 
     $('form').submit(function(e) { 
      submitHandler(e); 
     }); 

     $("a[rel=zipformSubmit]").click(function(e) { 
      submitHandler(e); 
     }); 
    }); 
</script> 

您应该然而改变这种$('form')更具体的东西。为表单添加一个ID，它应该是完美的。

Answer 2

您是否尝试过使用$(...).submit()？