2014-11-16 5 views
-1

javascript로 href를 사용하여 양식을 제출하는 방법은 무엇입니까?javascript로 href를 사용하여 양식을 제출하는 방법은 무엇입니까?

이 코드를 사용해도 작동하지 않지만 어떻게 할 수 있습니까? 고맙습니다.

<script> 
function submit_fn() { 
    $('#fid').submit(); 
    //alert("OK"); 
} 
</script> 

<form id="fid" method="post" action="main.php" ENCTYPE = "multipart/form-data" style=" display: none; "> 
    <input type="text" name="test" value="1"/> 
</form> 

<a href="JavaScript:submit_fn()"> 
Windows 
</a> 
+0

저에게 잘 작동합니다. http://jsfiddle.net/t2d4adxr/ 좀 더 구체적이어야합니다. "효과가 없다"는 것은 무엇을 의미합니까? 링크를 클릭하면 어떻게됩니까? 브라우저의 오류 콘솔에 오류가 표시됩니까? – JJJ

답변

1

자바 스크립트는 대소 문자를 구분합니다.

대신이 작업을 수행 :

<a href="javascript:submit_fn();">Windows</a> 
+0

이 작동하지 않습니다. 고맙습니다. –

+0

코드에 다른 문제가없는 한 확실합니다. jQuery 선택기를 사용하여 양식을 제출하고 있습니다. jQuery를 전혀 참조하지 않았습니까? – HaukurHaf

+0

JS는 대소 문자를 구별하지만'javascript :'접두사는 * JavaScript가 아닙니다. – JJJ

0

을 몸에 링크를 들어 : 혹시 가능하면 <a id="alink" href="#">Windows</a>

<script> $('#alink').click(submit_fn); </script>

0

당신은 실제로 완전히 인라인 JS를 사용하지 않아야합니다. (라이브러리를로드했는지 확인) jQuery를 사용하여,

<form id="fid" method="post" action="main.php" ENCTYPE="multipart/form-data" style="display: none;"> 
    <input type="text" name="test" value="1"/> 
</form> 
<a href="#" id="form-submit">Windows</a> 

... 그리고 여기에 클릭 이벤트 핸들러를 첨부 : 우리는 당신의 앵커 요소에게 ID를 제공 할 수 있습니다

$(function() { 
    $('#form-submit').click(function(e) { 
     // Prevent default link behavior 
     e.preventDefault(); 

     // Submit form 
     $('#fid').submit(); 
    }); 
}); 

을 그렇지 않으면,이 항상 함께 일할 수있는 기본 JS입니다.

var btn = document.getElementById("form-submit"); 
btn.addEventListener('click', function() { 
    document.fid.submit(); 
} , false); 
+0

은 main.php에 대한 액션도 필요합니다. –

+0

액션 속성에'main.php'를 추가하십시오. 내가 대답 한 후에 코드를 수정했습니다. – Terry

관련 문제