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> 

I는 다음과 같이 보이는 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()을 사용해 보셨습니까?