表单校验 登录验证

最新推荐文章于 2024-04-19 11:01:49 发布
最新推荐文章于 2024-04-19 11:01:49 发布
阅读量204 收藏
点赞数
文章标签： javascript java 数学建模
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_36024625/article/details/71126491
版权 
  <script type="text/javascript">
              
        function checkEmail(num) {
                   
            var email = $("[id=email]").val().length;
            
            if (email < 6) {
                $("#semail").text('不合格');
                num = 1;
            } else {
                $("#semail").text('合格');
            }
            return num;
        }


        function checkPwd(num) {

            var pwd = $("[id=pwd]").val().length;
            if (pwd < 6) {
                $("#spwd").text('不合格');
                num = 1;
            } else {
                $("#spwd").text('合格');
            }
            return num;

        }

        $(function () {
          
            //$("form").submit(function () {

            //    var num1 = checkEmail(0);
            //    var num2 = checkPwd(0);
            //    var sun = num1 + num2;
            //    if (sum > 0) {
            //        return false;
            //    }
            //    return true;
            //});


            $("[id=email]").blur(function () {

                checkEmail(0);
            })
        });




    </script>
</head>

<body>
    <div id="header" class="main">
        <div id="headerLeft">
            <img src="images/dlogo.gif" /></div>
        <div id="headerRight">注册 | 登录 | 帮助</div>
    </div>
    <div class="main">
        <table id="center" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td>
                    <img src="images/dl_l_t.gif" /></td>
            </tr>
            <tr>
                <td class="bg">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td class="bold">登录休闲网</td>
                        </tr>
                        <form action="success.html" method="get" id="Form1" name="myform" >
                            <tr>
                                <td>Email：<input id="email" type="text" name="email" class="inputs" /><span id="semail"></span></td>
                            </tr>
                            <tr>
                                <td> 密码：<input id="pwd" type="password" name="pwd" class="inputs" /><span id="spwd"></span></td>
                            </tr>
                            <tr>
                                <td style="height: 35px; padding-left: 30px;">
                                    <input  id="btn" type="submit" value="登录" class="rb1"  /></td>
                            </tr>
                        </form>
                    </table>
                </td>
            </tr>
            <tr>
                <td>
                    <img src="images/dl_l_b.gif" width="362" height="5" /></td>
            </tr>
        </table>
    </div>
    <div id="footer" class="main"><a href="#">关于我们</a> | <a href="#">诚聘英才</a> |<a href="#"> 联系方式</a>  | <a href="#">帮助中心</a></div>
</body>
</html><script type="text/javascript">
              
        function checkEmail(num) {
                   
            var email = $("[id=email]").val().length;
            
            if (email < 6) {
                $("#semail").text('不合格');
                num = 1;
            } else {
                $("#semail").text('合格');
            }
            return num;
        }


        function checkPwd(num) {

            var pwd = $("[id=pwd]").val().length;
            if (pwd < 6) {
                $("#spwd").text('不合格');
                num = 1;
            } else {
                $("#spwd").text('合格');
            }
            return num;

        }

        $(function () {
          
            //$("form").submit(function () {

            //    var num1 = checkEmail(0);
            //    var num2 = checkPwd(0);
            //    var sun = num1 + num2;
            //    if (sum > 0) {
            //        return false;
            //    }
            //    return true;
            //});


            $("[id=email]").blur(function () {

                checkEmail(0);
            })
        });




    </script>
</head>

<body>
    <div id="header" class="main">
        <div id="headerLeft">
            <img src="images/dlogo.gif" /></div>
        <div id="headerRight">注册 | 登录 | 帮助</div>
    </div>
    <div class="main">
        <table id="center" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td>
                    <img src="images/dl_l_t.gif" /></td>
            </tr>
            <tr>
                <td class="bg">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td class="bold">登录休闲网</td>
                        </tr>
                        <form action="success.html" method="get" id="Form1" name="myform" >
                            <tr>
                                <td>Email：<input id="email" type="text" name="email" class="inputs" /><span id="semail"></span></td>
                            </tr>
                            <tr>
                                <td> 密码：<input id="pwd" type="password" name="pwd" class="inputs" /><span id="spwd"></span></td>
                            </tr>
                            <tr>
                                <td style="height: 35px; padding-left: 30px;">
                                    <input  id="btn" type="submit" value="登录" class="rb1"  /></td>
                            </tr>
                        </form>
                    </table>
                </td>
            </tr>
            <tr>
                <td>
                    <img src="images/dl_l_b.gif" width="362" height="5" /></td>
            </tr>
        </table>
    </div>
    <div id="footer" class="main"><a href="#">关于我们</a> | <a href="#">诚聘英才</a> |<a href="#"> 联系方式</a>  | <a href="#">帮助中心</a></div>
</body>
</html>

weixin_36024625
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
SpringBoot---登录校验
m0_62486174的博客
08-05 1627
● 该浏览器在后续的请求中，每一次请求都会将该令牌携带到服务端，然后接下来在服务端，我们可以通过Filter或Interceptor对所有的请求进行拦截，然后进行校验，获取到请求中携带过来的令牌，进行判断，如果令牌正确合法，则放行，如果令牌不合法，则直接返回错误信息给前端，前端跳转到登录页面。如果查询到的用户不存在，则说明用户输入的用户名和密码错误。中的信息，如果有登录成功的信息，就说明用户登录成功，放行请求，如果发现登录标记中没有登录成功的标记，则给前端返回错误信息，跳转至登录页面。
表单验证···
m0_61203856的博客
02-13 216
表单验证 1.当输入框失去焦点时，验证输入内容是否符合要求 2.当点击注册按钮时，判断所有输入框的内容是否都符合要求，如果不符合要求则阻止表单提交 http://​​https://www.bilibili.com/video/BV1Qf4y1T7Hx?p=82&share_medium=ipad&share_plat=ios&share_session_id=96C010AB-790C-45C6-86C9-1D05E5213E0B&share_sou.
常用表单校验规则 + 编辑保存时进行整个表单校验 或者 单个表单项进行校验
weixin_55846296的博客
09-16 1260
常用表单校验规则 + 编辑保存时进行整个表单校验 或者 单个表单项进行校验
VUE项目中如何进行表单校验
热门推荐
m0_57524265的博客
05-29 1万+
本文主要讲解Form 表单的必填项校验、正则验证、自定义校验规则和兜底校验
form表单校验
m0_65132206的博客
05-19 7690
表单校验的基本步骤--简单校验,可以在基础上添加if判断校验成功跳转路由......
表单校验（永远不要相信用户传过来的数据）
cvvvvvvvvvv的博客
10-21 4326
自定義校驗規則
表单验证
乔治大哥的博客
08-22 279
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #container{ width: 380px; height: 380px; m...
Bootstrap实现登录校验表单(带验证码)
09-02
在本文中，我们将探讨如何使用Bootstrap来创建一个带有验证码和验证功能的登录表单。 首先，要创建这样一个表单，我们需要引入Bootstrap的相关CSS和JavaScript文件。在提供的代码片段中，可以看到引用了以下文件： ...
微信小程序实现表单校验功能
08-29
"微信小程序实现表单校验功能" 微信小程序实现表单校验功能是小程序开发中最难实现的公共业务之一。表单校验的难点在于表单组件的多样性和校验规则的多样性，导致复杂度达到n³。解决这个问题的关键是组件化和非...
vue表单自定义校验规则介绍
10-18
Vue提供了多种方式来处理表单验证，其中自定义校验规则是一个灵活且强大的功能，允许开发者根据具体需求定制验证逻辑。在本篇文章中，我们将深入探讨如何在Vue中实现表单的自定义校验规则。 首先，让我们看一个简单...
Wap移动端表单验证插件
10-14
Wap移动端表单验证,因环境有加密软件，所以下载后请修改index.txt为index.html、FormValidation.txt修改为FormValidation.js、jquery.txt修改为jquery.js
移动端表单验证控件mobileValidate.zip
07-19
MobileValidate 是一款针对移动端的表单验证控件，充分考虑到移动端屏幕和空间大小的情况下,它提供了两种表单的验证提示方式，基本满足日常表单的验证需求！它具有：通过 data-* 的方式来来决定表单是否需要验证,验证类型通过 mvalidateExtend 方法提供自定义拓展验证方式不同于其他的表单验证,该控件在用户初次输入的时候(keyup事件)是不进行验证的，这样的方式更符合用户的使用习惯
移动端表单验证
10-28
在MUI构建的移动端表单中，pc端的网页表单验证器不支持移动端验证
jq 表单校验工具
01-10
"jq 表单校验工具"是一个专门用于JavaScript（js）和jQuery（jq）环境的插件，它提供了强大的功能来帮助开发者实现对表单输入的实时验证。 首先，我们来看一下这个工具的核心功能。"传参"意味着你可以向校验方法...
Spring Boot 表单验证篇
08-29
Spring Boot 表单验证篇 Spring Boot 表单验证篇是 Spring Boot 框架中的一个重要组件，用于在表单提交的时候进行验证。通过使用 Spring Boot 提供的验证机制，可以快速而方便地实现表单验证。 在 Spring Boot 中...
HTTP请求中的cookie与session（servlet实现登录页面的表单验证）
最新发布
AZK707的博客
04-19 372
注意文件的路径 在webapp路径下打开smart tomcat 登录网址。
vue3项目实战-第六章-登录页（表单校验/模板适配/Pinia管理用户数据/持久化存储）
m0_62300955的博客
03-14 1438
表单校验/模板适配/Pinia管理用户数据/持久化存储
Vue3使用el-form实现登录、注册功能，且进行表单验证（Element Plus中的el-form）
weixin_65793170的博客
09-11 1万+
Element Plus 中的 el-form 是一个表单组件，用于快速构建表单并进行数据校验。它提供了丰富的表单元素和验证规则，使表单开发变得更加简单和高效。可以搭配el-dialog实现当前页面的登录、注册页 ，这两天在vue3中用到了表单登录，这里来记录一下。
Vue系列第五篇：Vue2(Element UI) + Go(gin框架) + nginx开发登录页面及其校验登录功能
hsy12342611的专栏
07-26 1256
Vue2(Element UI) + Go(gin框架) + nginx开发登录页面及其校验登录功能
JS表单验证大全
3. 校验邮箱：通过JS代码对输入的邮箱进行格式验证，确保输入正确的邮箱格式。 4. 验证radio是否选择：通过JS代码判断radio单选框是否有选择，未选择时提醒用户选择。 此外，文档中也包含了其他一些常见的表单验证...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值