首页 > 编程语言 >JavaScript 动态网页实例 —— 简单的表单验证

JavaScript 动态网页实例 —— 简单的表单验证

时间:2024-05-24 09:53:57浏览次数:24  
标签:语句 网页 验证 JavaScript 表单 运算符 表达式 true 输入

        表单验证是网页设计、特别是网站设计中必不可少的内容,狭义的验证指“用户是否进行了输入”、“输入的数据类型或格式是否符合要求”等,而广义的验证则包括口令确认与身份验证等内容。本章和下一章对表单验证的方式、方法进行介绍,本章只介绍一些简单的验证,包括:验证输入内容是否为空、验证 E-mail 地址格式是否正确和验证电话号码格式是否正确。

验证输入内容是否为空

        在 Web页面中,经常需要验证用户是否进行了输入。本节实例给出一个验证输入内容是否为空的实例,当用户未进行输入或输入为空时,将给出提示信息。

要点

本节代码主要使用了 nul、“-”和“”运算符、转义字符等内容,主要功能和用法如下。

  • null 表示空值,是一个表示“什么都没有”的占位符,表示该变量被赋予了一个空值。
  • 比较运算符用于连接操作数组成比较表达式,比较表达式的结果为逻辑值tue或false,因此可以用在条件语句中,作为判断提交使用。
  • 比较运算符“--”表示“等于”,与其相对的“不等于”是“!=”;而“--”则表示“等于且类型相同”,与之相对的是“!==”,表示“不等于或类型不同”;而“_”则是一个赋值符号,没有“比较”的含义。
  • 在条件语句中,如果误将“_”用于“-”,程序将不会报错,但运行结果错误。这种情况下,往往不易查错和纠错。因为,在if语句中,不管变量值如何,只要结果不为0,if表达式都会将其作为逻辑值 true 处理。
  • 想要避免混淆“-”和“_”,可以将条件比较语句中的常量写在运算符左边,变量写在右边。这样,一旦出现误将“_”用于“-”的错误,程序会立即报错,因为赋值语句不允许常量写在赋值表达式的左边。
  • 逻辑表达式提供了较之比较运算符更专业的逻辑运算符。运算符“&&”表示逻辑“与”,两操作数同为 true 时返回 true,其他情况返回 fàlse;运算符“|”表示逻辑“或”,任一操作数为 tmue 时返回 true,同为 fàlse 时返回 fàlse;运算符“!”表示逻辑“非”,是单目运算符,操作数为 true 时返回 false,否则返回 true。
<script type="text/javascript">
<!--
var whitespace = " \t\n\r";   // 定义空白字符
function isEmpty(s){    //输入内容搜索
 var i;
   if((s == null) || (s.length == 0))
      return true;
   for (i = 0; i < s.length; i++) {    // 在字符串中寻找非空白字符
      var c = s.charAt(i);
      if (whitespace.in

标签:语句,网页,验证,JavaScript,表单,运算符,表达式,true,输入
From: https://blog.csdn.net/cccloveforever/article/details/138766946

相关文章

  • Bash反弹shell & 搭建网页服务器 & 文件描述符学习 & ssh连接vm虚拟机 & sftp进行文件
    环境:kali:┌──(kali㉿kali)-[~/Desktop]└─$cat/proc/versionLinuxversion6.0.0-kali5-amd64([email protected])(gcc-12(Debian12.2.0-9)12.2.0,GNUld(GNUBinutilsforDebian)1.建立一个简单的链接进行nc,可以进行两个端口通信!#首先使用nc监听......
  • js逆向系列1.1、JavaScript基础语法
    JS逆向爬虫语法初阶dy:a_b,xhs:x-s等有需要联系。v:a2247429407【1】JavaScript初识JavaScript是一种用于在客户端(即用户的浏览器)上运行的编程语言。它是一种脚本语言,可以直接嵌入到HTML页面中,并由浏览器解释和执行。在客户端环境中,JavaScript可以与用户交互,操作和修......
  • chorme浏览器设置点击链接后在新标签页打开,而不是覆盖当前网页
    重装系统之后chrome每次点击文章中的链接都会覆盖掉当前网页,难受,找到了解决方法舒服多了1. 打开浏览器,点击右上角三个点中的设置2.进入系统栏 3. 打开代理设置,进入windows网络管理4.点击网络和Internet这里我是win11,所以是这样的:win10大概也差不多,win7和xp找一下操作......
  • JavaScript中reduce()详解及使用方法。
    一、定义和用法reduce()方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。reduce()可以作为一个高阶函数,用于函数的compose。reduce()方法为归并类方法,最常用的场景就是,计算数组中的每一项的总和。注意:reduce()对于空数组是不会执行回调函数的......
  • vue3 设置 表单或者页面 懒加载 (或者组件的异步加载)
    用到的工具库  vueUse和useIntersectionObserver1.UseIntersectionObserver函数参数:observerList:由被观察目标所组成的数组,数组项是由React.createRef构建出来的对象callback:当目标元素被曝光所需要触发的函数,该函数接受一个参数indexList,由被曝光元素在observerList......
  • 位运算符在 Javascript 中的运用
    零、资料JavaScript中的位运算和权限设计javascript位运算技巧巧用JS位运算JavaScript位运算及其妙用聊聊JavaScript中的二进制数一、权限在权限设计时,每一个基础权限单元都是二进制数形式,有且只有一位值是1,其余全部是0,即权限码是 2^n 。所以,在这套设......
  • 使用-HTML5-和-JavaScript-开发-Windows-商店应用-全-
    使用HTML5和JavaScript开发Windows商店应用(全)原文:zh.annas-archive.org/md5/8F13EC8AC7BDB8535E7218C5DDB48475译者:飞龙协议:CCBY-NC-SA4.0序言使用HTML5和JavaScript开发WindowsStore应用是一本实践性强的指南,涵盖了WindowsStore应用的基本重要特性以及......
  • 精通-JavaScript-高性能-全-
    精通JavaScript高性能(全)原文:zh.annas-archive.org/md5/582AFDEF15013377BB79AB8CEA3B2B47译者:飞龙协议:CCBY-NC-SA4.0序言欢迎来到精通JavaScript高性能。在这本书中,我们已经以帮助任何JavaScript开发者,无论他们是新手上路还是经验丰富的老手的方式,覆盖了JavaScrip......
  • .NET快速实现网页数据抓取
    前言今天我们来讲讲如何使用.NET开源(MITLicense)的轻量、灵活、高性能、跨平台的分布式网络爬虫框架DotnetSpider来快速实现网页数据抓取功能。注意:为了自身安全请在国家法律允许范围内开发网页爬虫功能。网页数据抓取需求本文我们以抓取博客园10天推荐排行榜第一页的文章标......
  • 摸清自定义流程表单开发优点 实现降本增效!
    随着社会竞争压力的增大,很多企业都希望实现降本增效提质的办公效果。那么,借助什么样的软件平台可以让企业在提升市场竞争力的前提下,还能降低开发成本,提高成效?低代码技术平台是目前流行于中小企业办公职场中的平台产品,其中自定义流程表单开发优势特点多、灵活高效、可视化操作界面,......