怎么手动触发html5pattern验证?

Question

我有一个输入框，我想让它blur的时候去触发form的表单验证,如果设置onsubmit()不会触发pattern的验证，如果直接submit()也不会触发验证，直接就提交了.只有点击submit按钮的时候才有，我先在就想知道怎么用js触发这个消息。

Answer 1

失去焦点，和提交表单时两个事件，在不同的事件里面写不同回调函数去处理不同的事件，在回调函数里面写你验证的逻辑

Answer 2

<form id="form">
<input type="text" name="username" required />
<input id="submit" type="submit" style="display:none" />
</form>

blur事件触发后，先检查表单是否valid(checkValidity())，如果不valid就触发input[type=submit]的click事件

Answer 3

添加一个submit按钮并隐藏visibility：hidden，用js去触发这个按钮点击事件，就能达到相应效果了。可以把表单原来的提交事件屏蔽掉，给form元素的onsubmit="return false",然后自己去定义什么时候提交表单。楼上可能就是这个意思，但是描述的我是有点看不懂