HTML5输入验证API

这些东西都要放在form里写用submit button提交才可以作用

required属性　

    <form>
        <input type="text" name="username"/>
        <input type="submit" />
    </form>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        var isUsernameRequired = document.forms[0].elements['username'].required;
        alert(isUsernameRequired); //字段是否有required检验

        var isRequiredSupport = 'required' in document.createElement('input');
        alert(isRequiredSupport);   //浏览器是否支持验证
    </script>

 

email,url，chrome支持的不好

数值范围也支持地不好

pattern可以，其检测有效性方式和required一样