Question

禁止button提交 但是不禁止js提交

<form action="index" id="form1">
<button>button1<button>
</form>
如上, 我想用js控制表单提交 , 但是禁止用button提交 (button还有其他用处) , form加了onsubmit="return false"之后就无法提交了 , 有什么方法可以解决

Answer 1

当button的type属性值为button时，仅作为一个普通的按钮，并不会提交该表单，此时你可以通过js脚本来提交，而form中不需要加onsubmit事件。

<button type="button">按钮</button>

button的属性：

button有个type属性，属性值可为button、submit、reset

button=普通按钮，直接点击不会提交表单

submit=提交按钮，点击后会提交表单

reset=表单复位

扩展资料：

使用ajax提交表单：

<form action="index" id="form1">

<input type="text" name="userName">

<input type="password" name="userPw">

<button type="button">提交</button> 

</form>

<script>

var btn = document.getElementsByTagName('button')[0];

btn.onclick = function() {

alert('使用ajax提交+验证')

}

</script>

Answer 2

button有个type属性，属性值可为button、submit、reset

button=普通按钮，直接点击不会提交表单
submit=提交按钮，点击后会提交表单
reset=表单复位

当button的type属性值为button时，仅做为一个普通的按钮，并不会提交该表单，此时你可以通过js脚本来提交，而form中不需要加onsubmit事件。

Answer 3

<button type="button">button1<button>

要使用js提交表单
那就用js触发表单对象的submint()事件即可