js面向对象开发实例 —— 表单验证

最新推荐文章于 2024-04-28 10:55:39 发布
最新推荐文章于 2024-04-28 10:55:39 发布
阅读量109 收藏
点赞数
分类专栏： 学习笔记 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mocoll/article/details/119843741
版权
学习笔记 同时被 3 个专栏收录
207 篇文章 1 订阅
订阅专栏
前端
107 篇文章 1 订阅
订阅专栏
编程语言
98 篇文章 1 订阅
订阅专栏

三、表单验证

分析:

1.手机号码:

 /^1[3|4151718][0-9]9$/

2.QQ:

[1-9][0-9]{4,} (腾讯,QQ号从10000开始)

3.昵称是中文:

^[u4e00-\u9fa5]{28}$

JS代码：

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

墨_风
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
纯JS实现表单验证实例
11-28
表单我实现了，input属性是text（文本框）、radio（单选按钮）、checkbox（多选按钮）的知识点， fieldset标签（组合表单中的相关元素）、select标签（选择列表）和textarea标签（多行文本框）。 <form action="MAILTO:[email protected]" method="post" enctype="text/plain" onsubmit="return checkForm()"> <h2>学生选课基本信息</h2> 姓名：<input type="text" id="name" placeholder="yourna
js表单提交,面向对象
05-09 297
一.js表单验证之后再提交 1.普通按钮onclick函数调用表单的submit()函数 　　<input type=button name="submit1" value="登陆" onclick="check(this.form)"> 2.submit类型的input添加onclick函数，如果返回false，则继续处理事件，从而触发onsubmit函数；如果返回...
JavaScript(四)——面向对象编程、BOM、DOM、表单验证、jQuery
吃饭了吗
01-14 569
1. 面向对象编程 （1） 原型对象 javascript、Java、c#。。。。面向对象；javascript有些区别，在JavaScript需要大家换一下思维方式！ 类: 模板 原型对象 对象: 具体的实例 （2）class 继承 class关键字，是在ES6引入的 定义一个类，属性，方法 继承 本质：查看对象原型 原型链__ proto __: 2. 操作BOM对象...
javascript面向对象思想做form表单验证 代码很精简哦
永不停歇
05-18 2092
var obj = {     res : true , nick_fun : function(o,tip){     if(this.res==true){    o.siblings("span").css("color","blue");  }else{    o.siblings("span").css("color","red");  } o.siblings("spa
js面向对象-设计模式-策略模式-表单校验
weixin_41040445的博客
12-04 202
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body&g.
js面向对象加构造函数模式表单验证
weixin_30659829的博客
08-06 299
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单验证</title> <script src="http://code.jquery.com/jquery-2.1.1.min.js"></scri...
vue rules 表单验证_Vue 面向对象编程 —— 领域驱动 表单
weixin_39632212的博客
11-22 170
前文说到用抽象类做自顶向下的开发，稍稍有些复杂，现在的新思潮其实已经不推荐采用抽象类，继承等概念了为什么呢？因为组合优于继承因为继承一定程度打破了类的封装性，而且还由于一系列的复杂的用法——抽象方法，多继承，钻石继承等——导致维护成本上升但这并不意味着继承是无用的，继承最主要作用在架构上继承可以作为架构师发力的工具，比如 enterprise-architecture 自动生成抽象类等用法总结一句...
JavaScript form对象，表单简单验证
Vipwxs的博客
01-21 1301
一、form对象的属性： name:获取表单的名称，该name一般给JS使用 method：表单的提交方式   （get：不安全，数据量较小，不能上传附件）（post：相对安全 海量数据 能上传附件） action：表单数据的处理程序 一般是PHP文件 enctype：表单数据的编码方式（加密） application/x-www-form-urlencoded  默认  
java源码包---java 源码 大量 实例
04-18
　Java二进制IO类与文件复制操作实例，好像是一本书的例子，源代码有的是独立运行的，与同目录下的其它代码文件互不联系，这些代码面向初级、中级Java程序员。 Java访问权限控制源代码 1个目标文件 摘要:Java源码,...
JAVA上百实例源码以及开源项目源代码
09-17
　Java二进制IO类与文件复制操作实例，好像是一本书的例子，源代码有的是独立运行的，与同目录下的其它代码文件互不联系，这些代码面向初级、中级Java程序员。 Java访问权限控制源代码 1个目标文件 摘要:Java源码,...
JAVA上百实例源码以及开源项目
01-03
　Java二进制IO类与文件复制操作实例，好像是一本书的例子，源代码有的是独立运行的，与同目录下的其它代码文件互不联系，这些代码面向初级、中级Java程序员。 Java访问权限控制源代码 1个目标文件 摘要:Java源码,...
java源码包2
04-20
　Java二进制IO类与文件复制操作实例，好像是一本书的例子，源代码有的是独立运行的，与同目录下的其它代码文件互不联系，这些代码面向初级、中级Java程序员。 Java访问权限控制源代码 1个目标文件 摘要:Java源码...
JavaScript 案例：表单验证
抛弃幻想，准备斗争
10-21 323
开发要求：要求定义一个雇员信息的增加页面，例如页面名称为：emp_insert.htm,而后在此页面 之中要提供由输入表单，此表单定义要求如下： 雇员编号：必须是4位数字,按照正则进行验证 雇员姓名：不能为空 雇员职位：不能为空 雇佣日期：按照yyyy-mm-dd的格式编写,按照正则进行验证 基本工资：按照小数编写，小数位最多2位,按照正则进行验证 佣金：按照小数编写，小数位最多2位,按照正则进行...
一套表单验证的解决
面向对象的夜猫子
09-26 348
此插件是在项目中，根据不同业务场景进行了多版本的迭代，实现了表单验证的功能，仅作为参考。
JavaScript简单实现对表单的验证
来一杯Java咖啡
09-08 145
我写的特别丑，只是简单的对姓名手机号密码的验证 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .redBoard{ border: orangered solid 2px; } .blackBoard{ border: black s.
javascript面向对象的写法：用户登录(用户名和密码的验证)
weixin_30807779的博客
08-05 838
login.jsp页面： <head> 　　<script type="text/javascript" src="js/LoginApp.js"></script> </head> <body> 　　<FORM name=form1 action="logining" method="post">　 　　<...
HTML (4) JS实现表单验证
古道西风
05-18 3767
JavaScript的功能很强大，在网页中被广泛使用。 表单验证也是最常使用JS的，下面我们来实现一下。 先写一个register.html //上代码： &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;UTF-8&a
表单验证后提交 两种方式 2016/07/10
..G的博客
07-10 9628
————————————————前面比较啰嗦，具体方法在最后———————————— 今天使用ajax，在增加用户，点击保存后，先不提交，先判断填写的信息，然后确定是否提交。 这是做的第一个练手的项目，之前跟着视频学习，学到项目视频被加密了，只有项目第一天的视频可以看，不过第一天收获也很大，项目刚开始时候使用S2SH怎么一步步整合。都是先看一遍，再看着写一遍，再自己写一遍。学到的挺多的。 尽
报表控件Stimulsoft在JavaScript报告工具中的事件：查看器事件（上）
最新发布
励志做最业余的专业博主，控件产品可以私我~
04-28 864
在本文中，我们为JS报告工具中的查看器事件提供了全面的指南，包括它们的详细描述、参数列表等一系列详细内容。
addeventlistener事件参数_【JavaScript 教程】事件——表单事件
05-31
在JavaScript中，事件参数通常被表示为event对象。 在使用addEventListener方法绑定事件处理函数时，可以通过event参数来获取事件发生的相关信息。例如，在表单事件中，event对象可以包含以下属性： - event....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值