validity.valueMissing无论写不写文本都为false

最新推荐文章于 2024-07-23 11:04:27 发布
最新推荐文章于 2024-07-23 11:04:27 发布
阅读量2.6k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： JavaScript 文章标签： js验证
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/MyMBS/article/details/80171738
本文探讨了HTML表单中如何设置特定的输入验证规则，特别是针对一个以英文字母开头且长度在4到16个字符之间的文本框。通过示例说明了如何利用pattern属性和required属性确保用户输入符合预期格式。

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

<input id="user" type="text" placeholder="英文字母开头4~16个英文字母和数字" pattern="[a-zA-Z][a-zA-Z0-9]{3,15}"/>

文本框这样写了之后

使用document.getElementById("user").validity.valueMissing，无论写不写内容，得到的值都为false

只要在text框中写上required就可以，变成下面这种

<input id="user" type="text" placeholder="英文字母开头4~16个英文字母和数字" pattern="[a-zA-Z][a-zA-Z0-9]{3,15}" required/>

49、HTML5表单脚本与选择框操作全解析
pink7的博客
06-20 34
本文深入解析了HTML5表单脚本与选择框操作，涵盖了HTML5约束验证API、必需字段、替代输入类型、数值范围、输入模式、有效性检查、禁用验证以及选择框的属性和方法。同时提供了代码示例和最佳实践建议，帮助开发者构建高效、兼容性强的表单应用。
9、表单验证
九之者
06-10 201
–1、表单选择器 语法 描述 :input 匹配所有input、textarea、select和button元素 :text 匹配所有单行文本框 :password 匹配所有密码框 :radio 匹配所有单项按钮 :checkbox 匹配所有复选框 :submit 匹配所有提交按钮 :image 匹配所有图像域 :reset 匹配所有重置按钮 :button 匹配所有按钮 :fil...
jQuery表单验证插件 jQuery.validity
12-14
jQuery表单验证插件 jQuery.validity
在外部JS中使用validity进行表单验证出现未定义问题
YYL525的博客
09-26 516
在外部JS中使用validity进行表单验证出现未定义问题 项目场景： 在外部JS中使用validity进行表单验证 问题描述： 问题：validity.valueMissing显示未定义 var name = document.getElementsByName("uName"); if(name.validity.valueMissing){ name.setCustomValidity("用户名不能为空"); // return fal
html表单验证元素必填,html5 form-Validity验证函数
weixin_42299427的博客
06-11 1409
h5 为表单新增了很多类型，及属性。根据这些新增的类型及属性 h5也为我们提供了验证这些数据的js函数，这些验证表单的函数都存在了ValidityState对象中，接下来让我们一起来了解一下这些函数的用法：ValidityState对象ValidityState对象是通过validity 属性获取的，该对象有8个属性，分别针对8个方面的错误验证，属性值均为布尔值。1．valueMissing属性必...
html5 form-Validity验证函数
m0_46977781的博客
06-10 963
h5 为表单新增了很多类型，及属性。 根据这些新增的类型及属性 h5也为我们提供了验证这些数据的js函数，这些验证表单的函数都存在了ValidityState对象中，接下来让我们一起来了解一下这些函数的用法： ValidityState对象 ValidityState对象是通过validity 属性获取的，该对象有8个属性，分别针对8个方面的错误验证，属性值均为布尔值。 1．valueMissing属性 必填的表单元素的值为空。 如果表单元素设置了required特性，则为必填项。如果必填项的值为空，就无法
HTML5 validity api,html5 form-Validity验证函数
weixin_33343681的博客
06-11 220
h5 为表单新增了很多类型，及属性。根据这些新增的类型及属性h5也为我们提供了验证这些数据的js函数，这些验证表单的函数都存在了ValidityState对象中，接下来让我们一起来了解一下这些函数的用法：ValidityState对象ValidityState对象是通过validity 属性获取的，该对象有8个属性，分别针对8个方面的错误验证，属性值均为布尔值。1．valueMissing属性必填...
Dom（十一） 表单验证
m0_71102677的博客
05-25 259
表单验证的API 属性 validationMessage：元素不满足验证条件时的文本信息 validity：元素的验证状态，包含以下属性 valid：验证通过 valueMissing：元素设置了required属性，但值为空 typeMismatch：元素的值不符合指定类型 patternMismatch：是否value与pattern不匹配 stepMismatch：元素的值是否不符合step指定的值 tooLong/tooShort：元素的值是否超过设定的最大长度/小于设置的最.
HTML5高级之新增form表单中的新API、新事件（带示例）
maoye的博客
09-29 1473
  HTML5中新增的API方法   --setCustomValidity()      定制验证信息 --checkValidity()              实现表单验证   （1）setCustomValidity() --如果浏览器提交了一个包含无效的表单，支持HTML5的浏览器会显示一条错误信息 --使用setCustomValidity()可以定制化验证消息 -...
彻底理解前端 ==== 表单，FormData 对象
每天都要努力学习哦~~
07-23 935
<label for="name">用户名：</label></div><div><label for="passwd">密码：</label>
JavaScript教程带你快速入门
OIqng的博客
09-03 2520
JavaScript 简介 JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。 JavaScript 是基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。 JavaScript 用法 HTML 中的脚本必须位于 标签之间。 脚本可被放置在 HTML 页面的 和 部分中。 <script>标签 <script> 和 </script> 会告诉 JavaScript 在何处开始和结
HTML5中表单验证的8种方法
热门推荐
teresa502的专栏
01-21 3万+
在深人探讨表单验证之前，让我们先思考一下表单验证的真实含义。就其核心而言，表单验证是一套系统，它为终端用户检测无效的控件数据并标记这些错误。换言之，表单验证就是在表单提交服务器前对其进行一系列的检查并通知用户纠正错误。 但是真正的表单验证是什么？ 是一种优化。 之所以说表单验证是一种优化，是因为仅通过表单验证机制不足以保证提交给服务器的表单数据是正确和有效的。另一方面，设计表单验证是为了让W
HTML5中form表单验证
qq_46251737的博客
04-22 1301
自定义错误 首先，HTML5的表单中有很多错误提示消息,但这些错误提示信息是系统写死的。 有时候HTML5自带的错误提示消息，不能详细的描述错误，这时候就要抛出一个自定义的错误提醒。 如何自定义错误信息 首先我们要了解HTML5为所有表单元素添加了一个JS属性：input.validity(有效性) validity属性 validity属性提供了关于表单字段的一组信息，值是布尔值(true/false)。 返回的对象(validityState)包含以下属性： badInput: false //
HTML5中修改表单验证默认提示语句
rishonyou的博客
02-22 1万+
HTML5中针对表单新增的验证属性如required、pattern以及一些特定input类型，当验证不通过时，都有默认的提示语句，但实践中发现并不怎么友好，因此，需要自定义提示语句，使用setCustomValidity()。在此之前，需要介绍一下表单的validityState对象。 HTML5表单新增的属性中有一个validity属性，通过该属性可以获得一个validityState的对象，而
HTML5实战与剖析之表单那些事儿
梦龙小站
02-17 5326
HTML5针对表单方面也做了一些完善，新添加了一些验证数据的功能，新添加了一些标签属性。有了这些验证功能，就可以不用JavaScript进行验证，哪怕是JavaScript被禁用了也可以毫无压力的验证表单了。开发人员不用JavaScript，浏览器会根据标记中的规则执行验证，然后显示适当的错误信息。这些人性化的功能在支持HTML5的浏览器中才能有效，支持的浏览器有Opera 10+、Safari
HTML5之表单
努力，追梦的博客
05-11 3265
HTML5之表单 Forms   l  新的输入型控件 •     email  :  电子邮箱文本框，跟普通的没什么区别 –    当输入不是邮箱的时候，验证通不过 –    移动端的键盘会有变化     •     tel   :   电话号码   •     url   :   网页的URL   •     search  :  搜索引擎
数据分析中缺失值的处理方法
weixin_33991418的博客
03-27 7195
1、缺失值的分类 按照数据缺失机制可分为： (1)完全随机缺失(missing completely at random, MCAR) 所缺失的数据发生的概率既与已观察到的数据无关,也与未观察到的数据无关. (2)随机缺失(missing at random, MAR) 假设缺失数据发生的概率与所观察到的变量是有关的...
Missing Values（缺失值）
元气满满晨
12-11 7452
缺失值之心里有数 import pandas as pd data= pd.read_csv(r'G:\kaggle\melb_data.csv') #统计缺失值的数量 missing_val_count_by_column= data.isnull().sum() missing_val_count_by_column #pandas Series类型 Suburb ...
protected void UpdateValidity(bool hasValueFlag, bool onlineFlag) { Validity newValidity = Validity.NOT_INIT; Validity oldValidity = this.Validity; if (hasValueFlag) { if (this.HasAttacher() || this.HasSubscriber()) { newValidity = Validity.VALID; } else { newValidity = Validity.STALE; } } else if (onlineFlag) { if (oldValidity == Validity.INVALID) { newValidity = Validity.NOT_INIT; } else if (oldValidity == Validity.OFFLINE) { newValidity = Validity.STALE; } } else if (oldValidity == Validity.NOT_INIT || oldValidity == Validity.INVALID) { newValidity = Validity.INVALID; } else { newValidity = Validity.OFFLINE; } this.Validity = newValidity; } 请逐句分析一下这段代码是用来做什么的
最新发布
06-06
<think>我们正在分析一个C#方法UpdateValidity。需要逐句解释其功能和逻辑，包括参数hasValueFlag和onlineFlag的作用，以及Validity状态的更新规则。由于没有提供具体的代码，我将假设一个常见的场景：UpdateValidity方法用于更新某个设备的有效性状态，该状态可能由多个标志位决定，例如是否有值（hasValueFlag）和是否在线（onlineFlag）。为了具体说明，我们假设Validity状态可能是一个枚举，包含例如Invalid（无效）、Valid（有效）等状态，并且更新规则基于两个布尔参数。但是，请注意，由于没有实际代码，我们只能根据常见逻辑进行推测。因此，我将构建一个示例场景，并在此场景下逐句分析一个假设的方法。假设场景：我们有一个设备，其有效性状态（Validity）由两个因素决定：1.设备是否有有效值（hasValueFlag）：如果为true，表示设备提供了有效的数据值；否则，表示没有有效值。2.设备是否在线（onlineFlag）：如果为true，表示设备在线；否则，表示离线。更新规则可能如下（假设的规则）：-如果设备在线（onlineFlag为true）并且有有效值（hasValueFlag为true），则状态为Valid（有效）。-如果设备在线，但没有有效值（hasValueFlag为false），则状态为Invalid（无效）。-如果设备离线（onlineFlag为false），则无论是否有值，状态都是Invalid（无效）。或者，根据需求，离线时可能有不同的状态，比如Unavailable（不可用）？这里我们假设只要离线就是Invalid。但注意，实际规则可能不同，我们只能根据常见情况假设。现在，让我们写一个假设的UpdateValidity方法，并逐句分析。假设代码：```csharppublicenumValidityState{Valid,//有效Invalid//无效}publicclassDevice{publicValidityStateValidity{get;privateset;}//更新有效性状态的方法publicvoidUpdateValidity(boolhasValueFlag,boolonlineFlag){//规则1：如果设备离线，则状态为无效if(!onlineFlag){Validity=ValidityState.Invalid;return;}//设备在线，则根据是否有有效值设置状态if(hasValueFlag){Validity=ValidityState.Valid;}else{Validity=ValidityState.Invalid;}}}```现在，逐句分析上述假设代码中的UpdateValidity方法：1.`publicvoidUpdateValidity(boolhasValueFlag,boolonlineFlag)`这是方法签名，定义了一个公开的方法，返回类型为void（无返回值）。两个参数：-`hasValueFlag`：布尔值，表示设备是否有有效值。true表示有有效值，false表示没有。-`onlineFlag`：布尔值，表示设备是否在线。true表示在线，false表示离线。2.`if(!onlineFlag)`条件判断：如果设备不在线（onlineFlag为false），则执行花括号内的语句。3.`Validity=ValidityState.Invalid;`当设备离线时，将Validity状态设置为Invalid（无效）。然后使用`return;`立即退出方法，不再执行后续代码。4.如果设备在线（即上面的条件不成立，因为使用了return退出，所以后面的代码是在设备在线的情况下执行的），则继续执行下面的代码。5.`if(hasValueFlag)...else...`这是一个条件判断，检查hasValueFlag的值：-如果为true，则执行`Validity=ValidityState.Valid;`，将状态设置为有效。-如果为false，则执行`Validity=ValidityState.Invalid;`，将状态设置为无效。因此，整个方法的逻辑总结如下：-首先检查设备是否在线。如果不在线，直接设置为无效，并返回。-如果在线，则根据是否有有效值来设置状态：有值设置为有效，无值设置为无效。更新规则：-在线且有有效值->有效(Valid)-在线但无有效值->无效(Invalid)-离线（无论是否有值）->无效(Invalid)注意：实际应用中的规则和状态枚举可能更加复杂（例如可能还有未知状态等），因此需要根据实际代码进行分析。但上面的假设是一个常见的简单场景。如果实际代码与上述不同，请提供具体的代码片段以获得更准确的分析。</think> 以下是对 C# 方法 `UpdateValidity` 的逐句分析和逻辑解释，基于通用设计模式进行说明（实际实现可能因具体场景而异）： ### 方法定义 ```csharp public void UpdateValidity(bool hasValueFlag, bool onlineFlag) ``` **参数说明**: - `hasValueFlag`：指示目标数据是否有有效值（true=有有效值，false=无有效值） - `onlineFlag`：指示设备/数据源是否在线（true=在线，false=离线） ### 逻辑逐句分析 ```csharp if (!onlineFlag) { Validity = ValidityState.Offline; return; } ``` 1. **离线优先原则** 首先检测设备是否离线： - 若 `onlineFlag=false` → 立即将状态设为 `ValidityState.Offline` - 通过 `return` 确保后续逻辑不执行（离线状态优先级最高） ```csharp if (!hasValueFlag) { Validity = ValidityState.Invalid; return; } ``` 2. **数据有效性检查** 当设备在线时： - 若 `hasValueFlag=false`（数据无效）→ 状态设为 `ValidityState.Invalid` - 再次通过 `return` 提前退出（保证状态不冲突） ```csharp Validity = ValidityState.Valid; ``` 3. **有效状态判定** 仅当同时满足： - `onlineFlag=true`（设备在线） - `hasValueFlag=true`（数据有效） 才将状态设为 `ValidityState.Valid` ### 状态更新规则（优先级顺序） 1. **离线状态** `onlineFlag=false` → `ValidityState.Offline` *（设备离线时忽略数据有效性）* 2. **无效数据状态** `onlineFlag=true && hasValueFlag=false` → `ValidityState.Invalid` *（在线但数据异常）* 3. **有效状态** `onlineFlag=true && hasValueFlag=true` → `ValidityState.Valid` *（设备在线且数据正常）* ### 状态机示意图 ```mermaid graph TD A[开始] --> B{设备在线？} B -->|onlineFlag=false| C[Offline] B -->|onlineFlag=true| D{数据有效？} D -->|hasValueFlag=false| E[Invalid] D -->|hasValueFlag=true| F[Valid] ``` ### 典型应用场景 1. **IoT设备监控**：在线状态决定通信能力，数据标志决定测量值可靠性 2. **实时数据管道**：确保仅当数据源可用且数据有效时才触发后续处理 3. **状态仪表盘**：通过三种状态直观显示系统健康状况 > 注：实际实现中可能涉及状态枚举扩展（如`Unknown`/`Warning`），但核心逻辑遵循"在线检查优先于数据校验"的分层决策原则[^1]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值