HTML禁止表单提交方法

有时在点击提交按钮时不希望提交form表单，所以在写提交按钮时应该注意以下几点：

<form name="form1" method="post" action="" >
	<table width="50%" border="0" cellspacing="1" cellpadding="0">
		<tr>
			<td width="20%">用户名：</td>
			<td width="50%">
				<label>
				 <input type="text" required="required" placeholder="请输入用户名" id="username" v-model="username" />
				</label>
			</td>
			<td width="30%"><div id="username_error"></div></td>
		</tr>

		<tr>
			<td colspan="3">
				<label>
				 <input type="button" @click="register" name="button" id="button" value="提交"> 
				 <input type="reset" name="button2" id="button2" value="重置">
				</label>
			</td>
		</tr>
	</table>
</form>

一、在写<input> 提交按钮时type类型不要再写成submit改为button类型，然后为按钮添加一个点击事件就可以了，如上述的按钮写法，不要在form中写onsubmit属性。

 <input type="button" @click="register" name="button" id="button" value="提交"> 

二、注意不要再表单中写这种类型的<button>提交</button>按钮默认也是提交整个表单。
三、可以再form中添加onsubmit属性，让提交的返回值为false，这样就能控制点击提交按钮提交表单了
如：

<form  method="post" action=""  onsubmit="return false;">

或在form中写一个提交的方法，让方法做一些验证，不符合条件阻止提交，如：

<form  method="post" action=""  onsubmit="return check()；">
--------------------------------------------------------------
// 验证表单
function check(){
	// 验证表单数据是否符合条件，不符合返回false禁止提交
	return false;			
}