JQ的表单验证

Posted 九转功成

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQ的表单验证相关的知识,希望对你有一定的参考价值。

(function () {
                $("#but").click(function () {
                    if ($("#name").val() == "" || $("#name").val() == "请输入您的真实姓名") {
                        alert("请输入患者姓名");
                        return false;
                    }
                    if ($("#tel").val() == "" || $("#tel").val() == "输入您的常用电话号码") {
                        alert("请输入电话号码");
                        return false;
                    }
                    if ($("#date").val() == "" || $("#date").val() == "点击选择就诊日期") {
                        alert("请输入就诊日期");
                        return false;
                    }
                    var tels = /^((\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$)$/;
                    var pattern = /^[\u4E00-\u9FA5]{1,6}$/;
                    if (!pattern.test($(‘#name‘).val())) {
                        alert("正确的姓名!");
                        return false;
                    }
                    if (!tels.test($(‘#tel‘).val())) {
                        alert("请正确填写电话号码!");
                        return false;
                    }
                })
            })();

 

以上是关于JQ的表单验证的主要内容,如果未能解决你的问题,请参考以下文章

JQ的表单验证

带有 jQ​​uery 验证的 ASP.Net MVC Ajax 表单

jq表单验证

jquery-validation JQ 表单验证

JQ——表单验证插件(validation)

jq form表单验证