HTML5的验证

$(function () {

            $(".btn").click(function () {　　　　　　　　//btn是提交按钮。

                var uName = document.getElementById("user");

                if (uName.validity.valueMissing == true) {　　　　//为空性验证

                    uName.setCustomValidity("用户名不能为空！");

                } else if (uName.validity.patternMismatch == true) {　　//正则表达验证。

                    uName.setCustomValidity("用户名格式不正确");

                } else {

                    uName.setCustomValidity("");

                }

 

                var pwd = document.getElementById("pwd");

                if (pwd.validity.valueMissing == true) {

                    pwd.setCustomValidity(" 密码不能为空");

                } else if (pwd.validity.typeMismatch == true) {

                    pwd.setCustomValidity("密码格式不正确");

                } else {

                    pwd.setCustomValidity("");

                }

 

                var mobile = document.getElementById("mobile");

                if (mobile.validity.valueMissing == true) {

                    mobile.setCustomValidity(" 手机号码不能为空");

                } else if (mobile.validity.typeMismatch == true) {

                    mobile.setCustomValidity("手机号码格式不正确");

                } else {

                    mobile.setCustomValidity("");

                }

 

                var birth = document.getElementById("birth");

                if (birth.validity.valueMissing == true) {

                    birth.setCustomValidity(" 生日号码不能为空");

                } else if (birth.validity.typeMismatch == true) {

                    birth.setCustomValidity("生日格式不正确");

                } else {

                    birth.setCustomValidity("");

                }

            });

        });

    </script>