javascript表单验证(生日和地址)

最新推荐文章于 2021-05-04 10:57:26 发布
最新推荐文章于 2021-05-04 10:57:26 发布
阅读量1.7k 收藏
点赞数
分类专栏： 网页 文章标签： javascript 表单
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tjuju5555/article/details/37912957
版权
本文介绍了如何利用JavaScript实现表单中的生日和地址验证。在生日验证中，详细阐述了根据年份和月份动态显示日期的逻辑，包括闰年的判断。而在地址验证部分，展示了如何通过多维数组实现省、市、区的联动选择，以完成地址的精确选择。
摘要由CSDN通过智能技术生成

开发步骤

一、模板

二、根据模版完成JS特效流程

三、在流程中使用单个模块进行JS验证

四、提交

我简单的描述下怎么使用JS来写生日和地址

1.生日

    规则：
        1、年是不变的；月份也是不变的；

        2、日期根据年和月而变

    分析：

       1、JS显示年

            在加载表格时，使用onload进行加载JS功能（生成年份）

        2、JS显示月份

              在年份上使用onchange选项事件。每选一个年份，月份进行重新加载

               

最低0.47元/天 解锁文章
sdfkasf
关注
专栏目录
html表单验证登录用户名和密码,javascript表单提交验证（用户名，邮箱，，，，，）...
weixin_28487433的博客
06-03 2246
无标题文档div {font-size: 14px;color: #F00;}.inputstyle {width: 150px;}//用户名验证function checkUser(){var user=document.getElementById("username").value;var divUserId=document.getElementById("user_prompt");va...
身份证号,出生日期等的js正则表达式验证
03-22
关于身份证号,出生日期等的js正则表达式验证 有几种方式
js校验15位/18位身份证件号(地区、生日、性别)
cainiao123456789的专栏
01-29 302
var aCity = { 11 : "北京", 12 : "天津", 13 : "河北", 14 : "山西", 15 : "内蒙古", 21 : "辽宁", 22 : "吉林", 23 : "黑龙江", 31 : "上海", 32 : "江苏", 33 : "浙江", 34 : &q
js验证出生日期
xiezhong100的专栏
04-20 1660
这次做毕业设计遇到一个小小的问题，就是在添加员工信息时要填写出生年月，当然常规的做法是用下拉列表来做，年月日用三个下拉列表来做： [code="java"]出生年月： 年 月 日[/code] 最开始的时候我想直接把给select添加optio...
js 验证出生年月
置酒天晴的博客
04-28 704
// 验证出生年月 checkBirthday(str) { let reg = /^(?:(?!0000)[0-9]{4}-(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02]-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[1359][26])|(?:0[48]|[2468][048]|[1359][26])00)-02-29)
js配合正则实现各种验证（邮箱，手机号，生日，身份证号等）
weixin_33675507的博客
04-15 659
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>用户注册</title> <style type="text/css"> body { backgroun...
利用JS文件来优化网站表单验证和提交代码
08-05
例如，针对一个收集用户信息的表单，需要验证中文姓名、生日和邮箱地址等字段。 验证方法示例： 1. 验证字符串是否由中文构成的函数（isChn）。 2. 验证日期格式是否正确的函数（isDate）。 这些验证函数可以通过...
JavaScript表单信息验证案例——使用正则
流楚丶格念的博客
05-04 3169
文章目录展示设计完整代码简约版豪华版 展示 设计 首先建立我们的输入框 QQ号：<input type="text" id="txtQQ"><span></span><br> 邮箱：<input type="text" id="txtEMail"><span></span><br> 手机：<input type="text" id="txtPhone"><span></span&g
表单验证
09-12 120
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单验证</title> <style> ...
vue 自定义v-model 封装地址选择组件，并实现数据绑定和表单验证
东扯葫芦西扯瓜——前端小菜鸟的博客
06-25 831
vue 自定义v-model 封装地址选择组件，并实现数据绑定和表单验证 vue是双向数据绑定的，v-model可以自动搜集数据，这在我们使用过程中可以说是非常方便。但是，在开发中，如果想把代码写的更精简，提供更多的复用。那么我们就免不了想自己封装一个用有v-model属性的组件。（本人工作中，就迫切有这种需求，因为表单页面太大，如果不做封装精简，就算用了element-ui这种已经封装过的框架，页面依然会很庞大！） 关于v-model 要实现自己的v-model，首先要了解到，v-model实际上是由两部
表单信息注册验证
王甲评的博客
12-06 7334
这里分为了js和jquery 两个版本，挺重要的记录下来 HTML代码 请填写注册信息 用户名： 昵称： 邮箱：
特殊需求表达式
Y106984869的博客
10-22 172
1 Email地址：^\w+([-+.]\w+)@\w+([-.]\w+).\w+([-.]\w+)*$ 2 域名：[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.? 3 InternetURL：[a-zA-z]+://[^\s]或 ^http://([\w-]+\.)+[\w-]+(/[\w-./?...
JS表单验证Email地址
zhangze_wancheng的专栏
08-04 3452
表单验证操作在开发中经常遇到，下面以输入Email提交验证： JS使用正则表达式验证输入数据格式：　/正则表达式/.test(验证的内容) 以上操作返回boolean型数据 ZhangZe function validate(f){ // 定义函数，此时 f 表示 myform var value = f.email
校验用户输入的生日
最文艺的程序媛
07-12 478
var oNum1 = document.getElementById("num1"); var oNum2 = document.getElementById("num2"); var oNum3 = document.getElementById("num3"); var oBtn = document.getElementById("btn"); oBtn.onclick = f
判断生日是否过了
TING_J的博客
04-09 1469
package ok; import java.text.ParseException; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date; import java.util.Scanner; public class Test { /** * 控制台输入生日日期
JavaScript出生日期的验证
wing123123的博客
09-01 771
function showDates(){ var Syear=document.getElementById("inYear").value; var Smonth=document.getElementById("inMonth").value; var Sdate=document.getElementById("inDate").value; var...
利用JavaScript和正则表达式进行丰富的日期判断
paoluo的专栏
04-07 1625
利用JavaScript和正则表达式进行丰富的日期判断（给其它项目组的代码，有比较好的编程风格和注释） =========================================================== 源代码如下：
JavaScript表单验证：用户名、密码及日期检查
以上是用户注册表单提交验证的核心知识点，它们都是JavaScript表单验证的关键组成部分。通过结合这些功能，开发者可以创建强大的前端验证机制，提高用户体验并减少无效或错误的数据提交到服务器。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值