링크를 클릭하여 JavaScript로 양식을 제출하는 방법은 무엇입니까?


Answers

jQuery를 사용하고 인라인 솔루션이 필요하다면 매우 효과적입니다.

<a href="#" onclick="$(this).closest('form').submit();">submit form</a>

또한,

<a href="#">text</a>

<a href="javascript:void(0);">text</a>

그래서 사용자는 링크를 클릭 할 때 페이지 상단으로 스크롤하지 않습니다.

Question

제출 버튼 대신 링크가 있습니다.

<form>

  <a href="#"> submit </a>

</form>

클릭하면 양식을 제출할 수 있습니까?




HTML 및 CSS - 자바 스크립트 솔루션 없음

버튼을 부트 스트랩 링크처럼 보이게하십시오.

HTML :

<form>
    <button class="btn-link">Submit</button>
</form>

CSS :

.btn-link {

    background: none;
    border: none;
    padding: 0px;
    color: #3097D1;
    font: inherit;

}

.btn-link:hover {

    color: #216a94;
    text-decoration: underline;

}



document.getElementById("theForm").submit();

그것은 내 경우에 완벽하게 작동합니다.

당신은 또한 같은 기능으로 그것을 사용할 수 있습니다,

function submitForm()
{
     document.getElementById("theForm").submit();
} 

"theForm"을 양식 ID로 설정하십시오. 끝났다.




<form id="mailajob" method="post" action="emailthijob.php">
    <input type="hidden" name="action" value="emailjob" />
    <input type="hidden" name="jid" value="<?php echo $jobid; ?>" />
</form>

<a class="emailjob" onclick="document.getElementById('mailajob').submit();">Email this job</a>



Links