Question

我的代码

$("#btnsearch").click(function () { 
   	$("#frmsearch").submit();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<a href="#">some where</a>
	<form  id="frmsearch"  >
		<input  type="button"     id="btnsearch"  value="search" />
	</form>

提交表单工作正常，但如果用户首先点击代码a，然后点击btnsearch，那么submit无法使用？！为什么？

例如，使用此链接192.168.0.7/viewer/index.php?rdbTypeSanad=Melk&code=01011001100100提交表单已生效但使用此链接192.168.0.7/viewer/index.php?rdbTypeSanad=Melk&code=01011001100100#（已添加＃）提交表单无效！？

Online Demo

Answer 1

您应该在表单元素中指定Method和Action属性，以确保浏览器可以正确解析表单。

<a href="#">some where</a>
<form  id="frmsearch" action="http://google.com" method="get" target="_blank">
            <input  type="button"     id="btnsearch"  value="search" />
</form>

Answer 2

取消点击事件，以便＃不添加网址。我也更喜欢在DOM上调用提交

$("#btnsearch").click(function (evt) {
    evt.preventDefault();
    $("#myForm")[0].submit();
});

在锚链接后提交表格不起作用

2 个答案: