黑马旅游网表单验证

最新推荐文章于 2022-11-23 16:29:42 发布

原创

最新推荐文章于 2022-11-23 16:29:42 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JAVAWEB

本文详细介绍了在黑马旅游网项目中，使用JAVAWEB进行表单验证的过程。通过实例展示了如何实现用户输入的合法性检查，确保数据安全性和一致性，提升用户体验。

<script>
        /*
            表单校验：
                1.用户名：单词字符，长度8到20位
                2.密码：单词字符，长度8到20位
                3.email：邮件格式
                4.姓名：非空
                5.手机号：手机号格式
                6.出生日期：非空
                7.验证码：非空
         */

        //校验用户名
        //单词字符，长度8到20位
        function checkUsername() {
   
   
            //1.获取用户名值
            var username = $("#username").val();
            //2.定义正则
            var reg_username = /^\w{8,20}$/;

            //3.判断，给出提示信息
            var flag = reg_username.test(username);
            if(flag){
   
   
                //用户名合法
                $("#username").css("border","");
            }else{
   
   
                //用户名非法,加一个红色边框
                $("#username").css("border",<