버튼이있는 양식 제출

Question

이것은 실제로 <button> 요소가 사용되는 방법이 아니라는 것을 알고 있지만 <input type="submit"> 대신 버튼을 사용하여 양식을 제출하는 방법이 있습니까? 두 줄의 버튼이 필요합니다. <input> 초로는 할 수 없지만 <button> 초로 할 수는 있습니다.

일부 jQuery 메서드 또는 뭔가 잘 작동합니다, 그냥 이러한 단추에 대한 배경 이미지를 사용하는 데 싫어.

<button type="submit"> This will submit! </button> 

<button type="button"> This will NOT submit! </button> 

은 또한, 나는 내가 button 태그는 항상 안전을 위해 type 속성을 가지고해야한다고 생각 때문에 기본 브라우저에 따라 다릅니다 생각 :

Answer 1

당신은 button 태그과 같이, 양식을 제출 할 수 있습니다. 버튼 가고 싶은 경우

Answer 2

/jQuery를 옵션이 그것을 할 것입니다 :

는

$('#buttonId').click(function() { 
    $('#theForm').submit(); 

}) 

Answer 3

시도 :

<button type="submit">Submit</button> 

Answer 4

document.getElementById["YOUR_FORMS_ID"].submit() 

당신은의 DOM 요소의 .submit() 방법을 사용 자바 스크립트의 양식

so ...

<button onclick="document.getElementById["YOUR_FORMS_ID"].submit()">CLICK TO SUBMIT</button> 

Answer 5

기능을 바인딩하면 기술적으로 제출할 수 있습니다.

예를 들어, 당신은 수행하여 사용할 수 :

<form id="someForm"> 
    <span id="someSubmitEle">Here goes text</span> 
</form> 
... 
$("#someSubmitEle").click(function(){$("#someForm").submit();}); 

Answer 6

jQuery의 내장 트릭해야한다() 메소드를 제출 http://api.jquery.com/submit/

HTML이 될 뭔가 같은 :

... 
<form name="myForm" id="myForm" action="someURL" method="POST"> 
    <input type="text" name="textField1" value="TextValue" /> 
</form> 

<button id="submitter" value="Two lines of text because it can I guess." /> 
... 

그리고 jQuery는 다음과 같습니다.

$('#submitter').click(function() { 
    $('#myForm').submit(); 
}); 

Answer 7

는 간단하게 사용

<button type="submit">Submit</button> 

또는

<input type="submit" value="Submit">