HTML5--表单验证

作者: 废废_siri | 来源:发表于2018-10-28 23:06 被阅读0次

checkValidity

校验内容是否合法。

<html>
    <head>
        <title>
         checkValidity demo
        </title>
        <meta charset="UTF-8">
    </head>
    <body>
            <script>
                    function check(){
                        var email = document.getElementById("email");
                        if(email.value == ""){
                            alert("请输入email!");
                            return false;
                        }else if(!email.checkValidity()){
                                alert("请输入正确的email地址");
                                return false;
                        }
                        
                    }
                </script>
        <!--novalidate为true时，取消表单默认验证-->
        <form novalidate="true">
        <label for="email">邮箱：</label>
        <input id="email" type="email" name="email"><br/>
        <input type="submit" value="提交" onclick="check()">
        </form>
    </body>
</html>