如何禁止form表单提交但又用到其input的自验证？

     我们知道html中的表单一旦提交，路由就会改变，页面跳转到你的action属性中的url。但有的时候想用form表单的自验证，很方便，而且浏览器有自带的提示（chrome），那么方法如下：

<form action="javascript:;" onsubmit="submiting()">
	<input type="submit">提交</input>
</form>    

• 首先是action属性，这里必须填 javascript:; ，否则不管怎样提交都会导致页面的跳转；
• 其次要用到onsubmit属性，里面直接写上你想调用的方法就行。不需要加上return ，因为true和false都已经不管用了；一般来说这个方法里面有post/get，获取input里的数据传给后端来进行请求。
• 是否可以不使用onsubmit，直接获取提交按钮的事件源来调用方法？不可以，因为点击了提交按钮后首先form表单里的input会先进行自验证，知道全部通过后再调用onsubmit里的方法，如果直接对提交按钮加onclick的话就会跳过表单的自验证，那样就没有意义了。

下面展示一些表单input自验证的一些属性：

• 如果input的type时email，会自动检测邮箱格式是否合法（chrome有非法提示）
• pattern ，正则属性，可以匹配输入框中的值是否正确
• required ，非空属性
• maxlength ，最大长度
• onKeypress=“javascript:if(event.keyCode == 32)event.returnValue = false;” （禁止输入空格）
• title ，自验证不通过时的提示
• readonly ，只读
• 搭配上bootstrap的提示框后效果更佳！