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()？