jQuery와 함께 작동하지 않습니다 <a>

Question

양식을 제출하는 링크를 만들려고합니다. 제출 입력 요소 submit의 이름을 어떻게 지정하면 더 이상 링크가 작동하지 않습니까?

//breaks form submission 
<input type="submit" value="Submit" name="submit" /> 

//does not break form submission 
<input type="submit" value="Submit" name="xsubmit" /> 

Chrome에서 다음과 같은 오류가 발생합니다.

<p>Type 'correct' to validate.</p> 
    <form method="post" enctype="multipart/form-data"> 
    <input type="submit" value="Submit" name="xsubmit" /> 

    <a id="btn_submit"> 
     <span id="txt_submit">Submit</span> 
    </a> 
    </form> 

<script> 

$("#btn_submit").click(function() { 
    $("form").submit(); 
    }); 

    $("form").submit(function() { 

    }); 
</script> 

Answer 1

"제출"은 예약어입니다. 그것은 자바 스크립트와 충돌합니다. 입력의 이름을 다른 것으로 변경하십시오. 방법 submit()에 jQuery를 문서에서

: 당신은 두 번 같은 코드를 게시 한

Forms and their child elements should not use input names or ids that conflict with properties of a form, such as submit, length, or method. Name conflicts can cause confusing failures. For a complete list of rules and to check your markup for these problems, see DOMLint.

Answer 2

두 변경 일하고

<p>Type 'correct' to validate.</p> 
    <form method="post" enctype="multipart/form-data"> 
    <input type="submit" value="Submit" name="submit" /> 

    <a id="btn_submit"> 
     <span id="txt_submit">Submit</span> 
    </a> 
    </form> 

<script> 

$("#btn_submit").click(function() { 
    $("form").submit(); 
    }); 

    $("form").submit(function() { 

    }); 
</script> 

작동하지

Uncaught TypeError: Property 'submit' of object #<HTMLFormElement> is not a function 

:

$(function() { 

$("#btn_submit").click(function(e) { 
    e.preventDefault(); 
    $("form").submit(); 
    }); 

    $("form").submit(function() { 

    }); 

}); 

첫째, document.ready 처리기에서 바인딩을 포함 $(function() {...});,536,둘째, 일반 앵커 기능을 중지하려면 이벤트에 preventDefault 호출을 추가하십시오.