表单验证

最新推荐文章于 2024-04-16 11:57:14 发布
最新推荐文章于 2024-04-16 11:57:14 发布
阅读量265 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34102108/article/details/51020280
版权






   输入时提醒



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 <html xmlns="http://www.w3.org/1999/xhtml"> 
 <head> 
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 <title>表单验证</title> 
 <script type="text/javascript"> 
  
    function $(id) { 
        return document.getElementById(id); 
    } 
     
    function check() { 
        var email = $("email").value; 
        var password = $("password").value; 
        var repassword = $("repassword").value; 
        var name = $("name").value; 
           
        $("emailinfo").innerHTML = ""; 
        $("passwordinfo").innerHTML = ""; 
        $("repasswordinfo").innerHTML = ""; 
        $("nameinfo").innerHTML = ""; 
         
        if(email == "") { 
           $("emailinfo").innerHTML = "Email值不能为空"; 
            $("email").focus(); 
            return false; 
        } 
         
        if(email.indexOf("@") == -1 || email.indexOf(".") == -1) { 
            $("emailinfo").innerHTML = "邮箱格式不正确,必须包含@和."; 
            $("email").focus(); 
            return false; 
        } 
         
        if(password == "") { 
            $("passwordinfo").innerHTML = "密码不能为空"; 
            $("password").focus(); 
            return false; 
        } 
         
        if(password.length < 6) { 
            $("passwordinfo").innerHTML = "密码长度必须大于或者等于6"; 
            $("password").focus(); 
            return false; 
        } 
         
        if(repassword != password) { 
            $("repasswordinfo").innerHTML = "两次输入的密码不一致"; 
            $("repassword").focus(); 
            return false; 
        } 
         
        if(name == "") { 
           $("nameinfo").innerHTML = "姓名不能为空"; 
            $("name").focus(); 
            return false; 
        } 
         
        for(var i = 0; i < name.length; i++) { 
            var j = name.subString(i , i+1); 
            if(isNaN(j) == false) { 
                $("nameinfo").innerHTML = '姓名中不能包含数字'; 
                $("name").focus(); 
                return false; 
            } 
        } 
    } 
 </script> 
 </head> 
 <body> 
   <form name="login_form" method="post" οnsubmit="return check()"> 
       <div> 
            Email:<input type="text" name="email" id="email"/><span id="emailinfo"></span> 
       </div>    
       <div> 
            密码:<input type="password" name="password" id="password" /><span id="passwordinfo"></span> 
       </div> 
       <div> 
           重输密码:<input type="password" name="repassword" id="repassword" /><span id="repasswordinfo"></span> 
       </div> 
       <div> 
           姓名：<input type="text" name="name" id="name" /><span id="nameinfo"></span> 
       </div> 
       <div> 
           <input type="submit" value="注册" /> 
       </div> 
   </form> 
 </body> 
 </html>



///失去焦点验证//




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 <html xmlns="http://www.w3.org/1999/xhtml"> 
 <head> 
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 <title>表单验证</title> 
 <script type="text/javascript"> 
    function $(id) { 
        return document.getElementById(id); 
    } 
     
    function check() { 
        var email = $("email").value; 
        var password = $("password").value; 
        var repassword = $("repassword").value; 
        var name = $("name").value; 
           
        $("emailinfo").innerHTML = ""; 
        $("passwordinfo").innerHTML = ""; 
        $("repasswordinfo").innerHTML = ""; 
        $("nameinfo").innerHTML = ""; 
         
        if(email == "") { 
           $("emailinfo").innerHTML = "Email值不能为空"; 
            return false; 
        } 
         
        if(email.indexOf("@") == -1 || email.indexOf(".") == -1) { 
            $("emailinfo").innerHTML = "邮箱格式不正确,必须包含@和."; 
            return false; 
        } 
         
        if(password == "") { 
            $("passwordinfo").innerHTML = "密码不能为空"; 
            return false; 
        } 
         
        if(password.length < 6) { 
            $("passwordinfo").innerHTML = "密码长度必须大于或者等于6"; 
            return false; 
        } 
         
        if(repassword != password) { 
            $("repasswordinfo").innerHTML = "两次输入的密码不一致"; 
            return false; 
        } 
         
        if(name == "") { 
           $("nameinfo").innerHTML = "姓名不能为空"; 
            return false; 
        } 
         
        for(var i = 0; i < name.length; i++) { 
            var j = name.subString(i , i+1); 
            if(isNaN(j) == false) { 
                $("nameinfo").innerHTML = '姓名中不能包含数字'; 
                return false; 
            } 
        } 
    } 
     
    function checkEmail() {  //校验Email 
        $('emailinfo').innerHTML = ""; 
        var email = $('email').value; 
        if(email == "") { 
             $('emailinfo').innerHTML = "Email值不能为空"; 
             return false; 
        } 
         
        if(email.indexOf('@') == -1 || email.indexOf('.') == -1) { 
             $('emailinfo').innerHTML = "Email必须包含@和."; 
             return false; 
        } 
    } 
     
    function checkPassword() {  //校验密码 
       $('passwordinfo').innerHTML = ""; 
       var password = $('password').value; 
       if(password == "") { 
           $("passwordinfo").innerHTML = "密码不能为空"; 
           return false; 
       } 
     
      if(password.length < 6) { 
          $("passwordinfo").innerHTML = "密码长度必须大于或者等于6"; 
          return false; 
       } 
    } 
     
    function checkRepassword() { //校验重新输入的密码 
       $('repassword').innerHTML = ""; 
       var repassword = $('repassword').value; 
       if(repassword != password) { 
            $("repasswordinfo").innerHTML = "两次输入的密码不一致"; 
            return false; 
        } 
    } 
     
    function checkName() {  //校验姓名 
        $('nameinfo').innerHTML = ""; 
        var name = $('name').value; 
        if(name == "") { 
           $("nameinfo").innerHTML = "姓名不能为空"; 
            return false; 
        } 
         
        for(var i = 0; i < name.length; i++) { 
            var j = name.subString(i , i+1); 
            if(isNaN(j) == false) { 
                $("nameinfo").innerHTML = '姓名中不能包含数字'; 
                return false; 
            } 
        } 
    } 
 </script> 
 </head> 
 <body> 
   <form name="login_form" method="post" οnsubmit="return check()"> 
       <div> 
            Email:<input type="text" name="email" id="email" οnblur="checkEmail();"/><span id="emailinfo"></span> 
       </div>    
       <div> 
            密码:<input type="password" name="password" id="password" οnblur="checkPassword();"/><span id="passwordinfo"></span> 
       </div> 
       <div> 
           重输密码:<input type="password" name="repassword" id="repassword" οnblur="checkRepassword();"/><span id="repasswordinfo"></span> 
       </div> 
       <div> 
           姓名：<input type="text" name="name" id="name" οnblur="checkName();"/><span id="nameinfo"></span> 
       </div> 
       <div> 
           <input type="submit" value="注册" /> 
       </div> 
   </form> 
 </body> 
 </html>

鲁_byg
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Spring Boot 表单验证
weixin_44976692的博客
07-21 1万+
表单验证是指在用户提交表单数据之前，对数据进行检查，确保其符合预期的格式和规则。例如，检查邮箱地址是否有效、密码是否符合长度要求、必填字段是否为空等。通过表单验证，可以提高数据的质量，增强应用程序的安全性。有时候，内置的验证注解不能满足我们的需求，我们可以创建自定义验证器。例如，我们可以创建一个自定义验证器，验证用户名是否已被使用。String message() default "用户名已被使用";Class
java用户密码修改_java怎么实现修改用户名密码
weixin_42413377的博客
02-12 3366
展开全部package changepassword;import java.util.Scanner;public class Administrator{String name;//姓名String password;//密码String inputpass;//判断是否正e5a48de588b63231313335323631343130323136353331333365646263确的密...
简单的页面验证：验证密码是够为空和确认密码是否相同
xiejunxing的专栏
02-10 2126
用户密码修改页面 /resource/jscript/common/jquery.js"> /resource/theme/default/css/pages.css" rel="stylesheet" type="text/css" />   /**   *验证输入的密码是否为空   */   function passwordIsNull(password){    va
登录注册页面
zdy_lsh的博客
04-01 8559
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;link rel="stylesheet" href="./css/bootstrap.min.css" &gt; &lt;style&gt; .register-bo
PHP表单验证
x-2010的笔记
07-03 4531
这里将介绍如何使用PHP验证客户端提交的表单数据。在处理PHP表单时需要考虑安全性，这里将展示PHP表单数据安全处理，为防止黑客以及垃圾信息就需要对表单进行数据安全验证，实例介绍的HTML表单中包含以下输入字段：必须与可选文本字段，单选按钮，及提交按钮：form_verify.php:&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &l...
15 php学习：表单验证
热门推荐
百锦再的博客
04-16 6万+
因此，在密码验证规则中，需要综合考虑密码的长度要求、复杂性要求、确认验证、安全策略等方面的内容，以确保密码的安全性和用户友好性。通过有效的唯一性检查方法，可以确保系统数据的准确性和完整性，避免重复数据的存在，提高系统的性能和安全性。通过日期验证，可以确保用户输入的日期符合指定的格式和范围要求，从而提高数据的准确性和系统的安全性。表单验证在网页和应用程序开发中起着至关重要的作用，其主要目的是确保用户输入的数据符合预期的格式和规则，以提升用户体验、数据准确性和系统安全性。
javascript表单验证
lijie1025的博客
03-16 1932
正则表达式适用单个字符串来描述，匹配一系列符合某个句法规则的字符串搜索模式用某种模式去匹配一类字符串的公式通过使用正则表达式，可以：1.测试字符串内的模式。2.替换文本。3.从字符串中提取字符串。//字面量方式，其由包含在斜杆之间的模式组成，如下所示：//构造函数方式，调用RegExp对象的构造函数，如下所示：var regex=/ 正则规则 /;//调用方法判断是否满足要求var flag = regex.test( '内容' );
angular表单验证
yanyi24的博客
04-08 3922
表单验证 通常，我们都需要对用户的表单输入做验证，以保证数据的整体质量。 Angular也有两种验证表单的形式： 使用属性验证，用于模板驱动表单； 使用验证器函数进行验证，用于响应式表单。 验证器（Validator）函数 验证器函数可以是同步函数，也可以是异步函数。 同步验证器：接受控件实例，然后返回验证错误信息或 null。在实例化一个 FormControl时把它作为构造函数的第二个参数传进去； 异步验证器 ：接受实例并返回一个 Promise或 Observable，稍后会发出一组验证错误或
jQuery实现表单验证
生有涯，知无涯
04-24 4万+
1.基于html表单，利用jQuery实现表单验证功能。 2.html基本结构和样式： 3.html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="h...
Java Web Jquery表单验证
07-26
编写基于Jquery的表单验证插件 Java Web Jquery表单验证 jQuery是一个流行的JavaScript库，可用于在网页上进行各种操作，包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分：FrontPage.html、write....
Vue ~ element-ui 动态表单验证，支持添加和删除操作
07-27
本项目“Vue ~ element-ui 动态表单验证”是针对Vue和Element-UI的一个应用场景，主要关注的是动态表单验证以及表单元素的增删操作。下面我们将详细探讨这些知识点。 1. Vue.js动态表单验证： Vue.js允许开发者通过...
JavaScript实现仿网易通行证表单验证
10-24
下面，我将从这几个方面详细介绍表单验证的具体实现方法和知识点。 首先，表单验证通常指的是在用户填写完信息并提交之前，通过编写脚本或使用HTML5的内建验证属性来检查用户输入的数据是否符合要求的过程。这样做...
浅谈关于iview表单验证的问题
10-17
iview中的表单验证是其组件库中不可或缺的一部分，尤其在处理数据提交前的合法性校验中扮演了重要角色。本文主要围绕iview表单验证过程中可能出现的问题进行探讨，并提供了一些解决方案。 首先，表单验证步骤的准确...
2024-2030全球与中国硅胶婴儿用品市场现状及未来发展趋势 Sample-Li Jinpan.pdf
09-05
QYResearch是全球知名的大型咨询公司，行业涵盖各高科技行业产业链细分市场，横跨如半导体产业链（半导体设备及零部件、半导体材料、集成电路、制造、封测、分立器件、传感器、光电器件）、光伏产业链（设备、硅料/硅片、电池片、组件、辅料支架、逆变器、电站终端）、新能源汽车产业链（动力电池及材料、电驱电控、汽车半导体/电子、整车、充电桩）、通信产业链（通信系统设备、终端设备、电子元器件、射频前端、光模块、4G/5G/6G、宽带、IoT、数字经济、AI）、先进材料产业链（金属材料、高分子材料、陶瓷材料、纳米材料等）、机械制造产业链（数控机床、工程机械、电气机械、3C自动化、工业机器人、激光、工控、无人机）、食品药品、医疗器械、农业等。
用于非线性模型预测控制 (NMPC) 的并行优化工具包.7z
09-05
用于非线性模型预测控制 (NMPC) 的并行优化工具包.7z
Flow-Guided-Feature-Aggregation研究基于视频的目标检测FGFA框架.zip
最新发布
09-05
目标检测（Object Detection）是计算机视觉领域的一个核心问题，其主要任务是找出图像中所有感兴趣的目标（物体），并确定它们的类别和位置。以下是对目标检测的详细阐述： 一、基本概念 目标检测的任务是解决“在哪里？是什么？”的问题，即定位出图像中目标的位置并识别出目标的类别。由于各类物体具有不同的外观、形状和姿态，加上成像时光照、遮挡等因素的干扰，目标检测一直是计算机视觉领域最具挑战性的任务之一。 二、核心问题 目标检测涉及以下几个核心问题： 分类问题：判断图像中的目标属于哪个类别。 定位问题：确定目标在图像中的具体位置。 大小问题：目标可能具有不同的大小。 形状问题：目标可能具有不同的形状。 三、算法分类 基于深度学习的目标检测算法主要分为两大类： Two-stage算法：先进行区域生成（Region Proposal），生成有可能包含待检物体的预选框（Region Proposal），再通过卷积神经网络进行样本分类。常见的Two-stage算法包括R-CNN、Fast R-CNN、Faster R-CNN等。 One-stage算法：不用生成区域提议，直接在网络中提取特征来预测物体分类和位置。常见的One-stage算法包括YOLO系列（YOLOv1、YOLOv2、YOLOv3、YOLOv4、YOLOv5等）、SSD和RetinaNet等。 四、算法原理 以YOLO系列为例，YOLO将目标检测视为回归问题，将输入图像一次性划分为多个区域，直接在输出层预测边界框和类别概率。YOLO采用卷积网络来提取特征，使用全连接层来得到预测值。其网络结构通常包含多个卷积层和全连接层，通过卷积层提取图像特征，通过全连接层输出预测结果。 五、应用领域 目标检测技术已经广泛应用于各个领域，为人们的生活带来了极大的便利。以下是一些主要的应用领域： 安全监控：在商场、银行
习题集计算机原理习题集
09-05
【习题集】计算机原理习题集 计算机原理习题集 习题 一 1．微型计算机的发展经历了哪几个时代？每个时代有哪些主要特点？ 2．简述Pentium4 微处理器的处理能力。 3．冯·诺依曼计算机的结构特点是什么？ 4．典型微机有哪三大总线？它们传送的是什么信息？ 5．什么叫微处理器？什么叫微型计算机？什么叫微型计算机系统？这三者有什么区别和联系？ 6．微处理器内部一般由哪些部分组成？各部分的主要功能是什么？ 7．试用示意图说明内存单元的地址和内存单元的内容，二者有何联系和区别？ 8．高级语言、汇编语言、机器语言有何区别？各有何特点？ 9．评价微型计算机性能的主要指标有哪些？试举例说明现在市场主流机型微型计算机的性能参数。 10．现代微型计算机的主板通常由哪些部分组成？主板上的总线扩展插槽有何用途？ 习题 二 1．8086CPU从功能上分为哪两个工作部件？每个工作部件的功能、组成和特点分别是什么？ 2．8086CPU中有几个通用寄存器，有几个变址寄存器，有几个地址指针寄存器？它们中通常哪几个寄存器可作为地址寄存器使用？ 3．8086CPU的标志寄存器中有哪些标志位？它们的含义和作用是什么？
JS表单验证实例集合
"JS 表单验证大全是一个全面收集了JavaScript进行表单验证的各种方法的集合，适合开发者在处理用户输入时参考使用。" 在网页开发中，表单验证是必不可少的一部分，它确保用户提交的数据符合预期的格式，从而防止...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值