javaScript学习笔记1（验证）

最新推荐文章于 2025-08-08 17:07:36 发布
原创 最新推荐文章于 2025-08-08 17:07:36 发布 · 550 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #function #input

本文介绍了一种使用JavaScript进行前端输入验证的方法。具体实现是通过编写一个简单的函数来检查文本框输入内容的长度，并在长度不足时显示错误提示。该方法利用了`getElementById`来操作DOM元素。

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

 

<html>

<head>

<title></title>
 <script type="text/javascript">
     function check(ssn){
     if(ssn.length<3)
        document.getElementById("nameError").innerHTML="<font color=red>Error</font>";
    
     }
 </script>

</head>

<body>
         <input type="text" name="userName"  onblur="check(this.value.toLowerCase())"/>
         <span id="nameError"></span>

</body>

</html>

其中的  document.getElementById("nameError")是通过id获取document对象中的标签对象

JavaScript学习笔记-B站动力节点
m0_52041525的博客
02-19 1871
文章目录1.1.什么是JavaScript，有什么用？1.2.HTML，CSS，JavaSript三者关系2.在HTML中怎么嵌入JavaScript代码？3.4.5.6.7.8.9.10.11.12.13.14.15. 1.1.什么是JavaScript，有什么用？ JavaScript是运行在浏览器上的脚本语言。简称JS。 JavaScript是网景公司（NetScape）的 布兰登艾奇（JavaScript之父）开发的，最初叫做LiveScript。 LiveScript的出现让浏览器更加的生动
Javascript入门学习笔记
weixin_61370021的博客
04-27 4908
JS入门学习笔记，JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。
JavaScript学习笔记(一)
2402_82857752的博客
05-28 3374
本文主要介绍了 JavaScript 的基本概念、语法结构、变量和常量、数据类型及类型转换方法
javaScript学习笔记（一）js基础
热门推荐
一叶知秋
09-21 13万+
================================= 公众号 关注一波 （一叶知秋博客） 不定期分享视频资料 一、简介 1、概述： JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。 诞生于1995年，当时的主要目的是验证表单的数据是否合法。 Java...
javascript学习笔记——上
weixin_64574004的博客
10-07 1035
​ 1，HTML定义了网页的内容，CSS定义了网页的布局和网页中内容的样式，而JavaScript控制了网页的行为。​ 2，javascript是一种脚本语言。​ 3，javascript的主要使用范围​ **JavaScript：直接写入HTML输入流：**ducument.write(“HTML语句”)​ **JavaScript：对事件的反应：**onclick​ **JavaScript：改变HTML内容：**DOM。
JavaScript学习笔记
学习笔记
03-17 2058
JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。 JavaScript 很容易学习。 JavaScript：直接写入 HTML 输出流 document.write("<h1>这是一个标题</h1>"); 效果如图 只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文
JavaScript 与 Java 学习笔记
Rey_family的博客
04-28 1112
浏览器脚本语言：主要用于实现网页交互功能（鼠标点击、键盘输入响应等）服务器端扩展：通过 Node.js 运行时环境可进行后端开发对比维度JavaJavaScript类型系统静态类型弱类型运行方式编译型解释型平台依赖JVM浏览器引擎/Node.js典型应用后端/移动应用网页交互/全栈开发学习曲线较陡峭（OOP 体系）较平缓（灵活语法）
JavaScript学习笔记 1】初识JS
look_outs的博客
11-19 1144
一、JS是什么？ 二、JS的作用？ 三、JS的组成 四、JS的书写位置 五、JS的注释与结束符 六、JS的输入和输出语法 七、JS代码的执行顺序 八、字面量 九、 总结
JavaScript基础第一弹学习笔记
qq_55961367的博客
07-13 1814
JavaScript是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。
尚硅谷JavaScript学习笔记
qq_43813373的博客
07-09 2086
文章目录变量关系运算逻辑运算数组函数 变量 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 引入和自定义只能用一个，不能像css似的进行逻辑覆盖--> <script type="text/javascript" src="javascript.js"
### JavaScript 学习笔记总结、JavaScript
04-30
内容概要：本文档《Javascript学习笔记.docx》系统地介绍了JavaScript的基础知识及其应用，涵盖JavaScript的核心概念、DOM操作、事件处理、运动框架、AJAX、面向对象编程以及正则表达式的使用。文档从JavaScript的...
JavaScript学习笔记讲解
05-07
这只是JavaScript学习笔记的一小部分，JavaScript还有更多高级特性和概念，如对象、数组、函数、类、模块、闭包等，以及DOM操作、事件处理、Ajax异步请求等内容，需要进一步深入学习和实践才能掌握。
JavaScript学习笔记,javascript基础知识,基础语法整理.pdf
11-24
* 表单可以使用JavaScript来实现数据的验证 * 表单可以使用JavaScript来实现数据的提交 该资源涵盖了JavaScript的基础知识点，包括基本概念、函数、对象、时间对象、文字对象、图片应用和表单应用等内容。这些建议...
ref存储对象和reactive深度响应式递归地对对象的嵌套属性进行响应式处理
lf_1234的博客
08-06 968
摘要：ref 不会递归处理对象的嵌套属性，仅对顶层数据进行响应式处理。若需深度响应式，应使用 reactive。示例中，ref 存储的嵌套对象 profile 修改后视图不会更新，而 reactive 能确保嵌套属性（如 age）触发更新。总结：ref 适合基本类型或简单对象（需 .value），reactive 适合复杂对象（自动深度响应式）。
使用萤石云播放视频及主题模版配置
多看书少吃饭的博客
08-07 669
本文介绍了如何在H5页面中集成萤石云视频播放功能。首先需要安装ezuikit-js依赖，然后通过EZUIKitPlayer组件传入accessToken和视频URL即可实现基础播放功能。文章详细说明了两种版本（UIKIT和UIKITPRO）的区别，并提供了完整的代码示例，包括视频容器设置、自动播放配置和样式调整。此外，还介绍了如何通过template字段自定义视频主题模板，包括官方模板和自定义模板两种方式。最后提及了WEB端和H5端均可进行模板配置，为开发者提供了完整的萤石云视频接入解决方案。
数论手机辅助：打造便捷高效的移动应用交互体验
cybersnow精通 28 门计算机语言，凭借其超凡的技术能力，成功开发过上万个应用，广泛涉及政府、商业、个人等众多领域，甚至在检察院、环保局、公安局等专业场景中也大放异彩。不仅熟练掌握单片机和物联网开发，在软件架构设计方面更是独树一帜，自创了跨平台软件
08-06 1227
关键在于实现 WebView 弹窗的拖动大小功能，通过监听窗口的触摸事件，在触摸按下时记录初始的窗口大小和触摸位置，在触摸移动过程中根据触摸位置的变化计算新的窗口大小，并更新窗口的布局参数，从而实现窗口大小可随触摸操作动态改变。方法中，目前只是通过 Toast 提示接收到了要插入的文本，实际应用中可以根据需求进一步完善，比如利用 AccessibilityService 来实现真正的文本插入操作，将选中的文本模拟输入到当前聚焦的输入框中，从而实现更加智能化和便捷的交互体验。在 Android 端的。
【JS】扁平树数据转为树结构
此人太懒，没有任何简介
08-07 434
摘要：本文展示了如何将扁平数据结构转换为树形结构的JavaScript实现。通过buildTree函数，可以根据指定的ID和父ID字段将扁平数据转换为嵌套的树形结构，并可选地删除空子节点。示例代码演示了如何将包含公司部门信息的扁平数据转换为层级分明的树状结构，结果输出为JSON格式的树形数据。该工具函数适用于处理组织机构、菜单等需要层级展示的数据场景。
Vite 深度解析：现代前端开发引擎
最新发布
weixin_43822134的博客
08-08 1155
Vite 代表了前端工具链从"打包时代"向"原生ESM时代"的演进，其核心价值在于将开发者从构建等待中解放出来。虽然Webpack在复杂场景下仍有优势，但Vite已成为现代前端开发的默认选择。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值