如何使用jref使用href提交表单?

时间:2014-11-16 12:52:29

标签: javascript jquery html

如何使用jref使用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>

3 个答案:

答案 0 :(得分:1)

Javascript区分大小写。

请改为:

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

答案 1 :(得分:0)

对于正文中的链接:<a id="alink" href="#">Windows</a>

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

答案 2 :(得分:0)

如果可能的话,你应该完全避免完全使用内联JS。我们可以给你的锚元素一个ID:

<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>

...并使用jQuery附加一个click事件处理程序(确保已加载库):

$(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);