javascript - 如何用html5自带验证 但是用ajax提交？

Question

<form>

  <label class="">有效数字</label>
    <p>
    <input type="text"  required pattern="[0-9]{1,}"  placeholder="0">
                                   
  </p>
   <button type="submit">确定</button>
   <button id="reset" type="button">取消</button>   

</form>

比如我用submit 验证表单但是用ajax提交表单怎么做？ 但是我吧submit改成button 可以用ajax提交但是验证不起作用

Answer 1

把submit改成button，也就失去了表单请求的事件了

你可以监听submit的事件，把ajax写在里面，然后return false就可以了

Answer 2

jQuery中有Validation插件，这个验证功能比自带的强大，而且支持Ajax提交，楼主可以试试这个
当然如果不符合需求的话，还是监听提交事件吧