jquery验证表单信息

最新推荐文章于 2021-09-25 14:08:54 发布

qq_43299088

最新推荐文章于 2021-09-25 14:08:54 发布

阅读量112

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_43299088/article/details/95523555

此博客围绕jQuery表单信息展开，虽未给出具体内容，但推测会涉及利用jQuery对表单信息进行获取、验证、提交等操作，属于前端开发中与表单交互的重要内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            /**
             * 1.对于表单的提交，要给form标签绑定onSubmit事件，而不是给submit按钮绑定onClick事件
             * 2.表单项内容不管输入的是字符串、数字、日期，js、jQuery、JSP接收后都是String类型
             * 3.表单的验证和String对象有密切关系  length  charAt(i)  indexOf("@")
             * 4.如果表单项内容为空，不是null，而是空字符串
             * 	判断条件不能写 username == null 
             *  而要写  username==""  或者  username.length ==0			 * 
             * 5.验证出错要return false，验证无错要return true，并且 onsubmit="return checkForm()"
             * 
             * 
             */
            function checkForm(){
                //用户名不能为空
                var username = $("#user").val();
                if(username==""){
                    alert("用户名不能为空");
                    return false;
                }
                // 用户名长度大于6
                if(username.length <=6){
                    alert("用户名长度大于6");
                    return false;
                }
                // 用户名中不能有数字  abc123
                for(var i=0;i<username.length;i++){
                    var ch = username.charAt(i);
                    if(ch >= '0' && ch <= '9'){
                        alert("用户名中不能有数字");
                        return false;
                    }
                }
                //邮箱格式正确 @  .
                var email = $("#email").val();
                if(email.indexOf("@")<0){
                    alert("邮箱中必须有@");
                    return false;
                }
                if(email.indexOf(".")<0){
                    alert("邮箱中必须有.");
                    return false;
                }
                return true;
            }
        </script>