javaScript表单验证

Html表单验证可以通过JavaScript进行，原理是选中选取表单，获取表单的内容，如果是空，就执行相关的代码，当然了，也可以给提交的内容设定相关的条件。

    

        
    
    

// onsubmit="return validateForm()" 一个验证表单的功能，如果validateForm()是false，则不提交
// method = "post",表单提交方式，默认的是get
// name="myform"也可以换成id="myform"

也可以使用标签自带的方法进行是否为空的验证：required

        
    
// 会有一个默认的提示字段，如果要设置提示的样式，还得用js验证的方法。ie9及更早的版本不支持该方法

---

一些HTML5表单使用属性


html5:IE9支持部分,IE10+支持

• required：验证是否为空，例子如上

• autocomplete：该属性适用于

  标签和标签的大部分类型，效果是会记住前面输入过的内容

2017-04-18_10-18-25.png

• placeholder:设置输入框中的默认值，输入框的值为空时显示，不影响输入

2017-04-18_10-54-05.png

• novalidate:无需验证就可以提交

• autofocus: 自动获取焦点

• min 和 max 属性:限定输入的范围（用于input type="number）

     //有难看的默认样式

• pattern：属性是一个正则表达式来验证输入的值

    //有默认的提示样式
  

好记性不如烂笔头