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

最新推荐文章于 2021-04-28 15:36:58 发布
最新推荐文章于 2021-04-28 15:36:58 发布
阅读量1.7k 收藏
点赞数
分类专栏： 网页 文章标签： javascript 表单
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Tjuju5555/article/details/37912957
版权

开发步骤

一、模板

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

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

四、提交

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

1.生日

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

        2、日期根据年和月而变

    分析：

       1、JS显示年

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

        2、JS显示月份

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

               

最低0.47元/天 解锁文章
sdfkasf
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
身份证号,出生日期等的js正则表达式验证
03-22
关于身份证号,出生日期等的js正则表达式验证 有几种方式
漂亮表单验证和密码强度的验证
10-14
漂亮表单验证不仅涉及到视觉上的美观，还包括交互体验和逻辑验证。而密码强度验证则是保护用户账户安全的关键措施，尤其在注册页面上，通常会设置一定的密码策略来提升安全性。 首先，让我们从表单验证开始。表单...
js校验15位/18位身份证件号(地区、生日、性别)
cainiao123456789的专栏
01-29 281
var aCity = { 11 : "北京", 12 : "天津", 13 : "河北", 14 : "山西", 15 : "内蒙古", 21 : "辽宁", 22 : "吉林", 23 : "黑龙江", 31 : "上海", 32 : "江苏", 33 : "浙江", 34 : &q
js验证出生日期
xiezhong100的专栏
04-20 1653
这次做毕业设计遇到一个小小的问题，就是在添加员工信息时要填写出生年月，当然常规的做法是用下拉列表来做，年月日用三个下拉列表来做： [code="java"]出生年月： 年 月 日[/code] 最开始的时候我想直接把给select添加optio...
js 验证出生年月
置酒天晴的博客
04-28 686
// 验证出生年月 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 652
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>用户注册</title> <style type="text/css"> body { backgroun...
JavaScript生日快乐
12-20
5. **定时器与动画**：JavaScript的`setTimeout`和`setInterval`函数可以用于创建定时行为，比如定时播放生日祝福语或者控制背景音乐的循环播放。此外，通过不断修改元素位置或属性，可以实现简单的动画效果。 6. *...
validIt:用于验证字段和表单的 JQuery 插件
06-03
定义：一个简单的 JQuery 插件来验证表单字段 为了简单起见，这个插件允许为每个字段单独或一起创建简单的验证。 受到 Rails 验证的启发，但仍需要大量改进和功能。 基本用法 $('.some-field').validIt({ type: ...
jQuery常见注册表单验证
06-01
jQuery作为一个强大的JavaScript库，简化了DOM操作，使得动态交互和表单验证变得更加容易。以下是一些关键知识点： 1. **表单验证**: 表单验证是确保用户输入符合特定规则的重要步骤，如非空、邮箱格式、手机号码等...
一个jquery的生日选择插件
08-10
在JavaScript开发中，表单日历控件是一种常见的需求，特别是对于需要验证用户年龄或计算星座等场景。通过这个插件，开发者可以快速集成一个功能完善的生日选择器，无需从零开始编写复杂的代码。这大大节省了开发时间...
表单验证
09-12 109
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单验证</title> <style> ...
vue 自定义v-model 封装地址选择组件，并实现数据绑定和表单验证
东扯葫芦西扯瓜——前端小菜鸟的博客
06-25 799
vue 自定义v-model 封装地址选择组件，并实现数据绑定和表单验证 vue是双向数据绑定的，v-model可以自动搜集数据，这在我们使用过程中可以说是非常方便。但是，在开发中，如果想把代码写的更精简，提供更多的复用。那么我们就免不了想自己封装一个用有v-model属性的组件。（本人工作中，就迫切有这种需求，因为表单页面太大，如果不做封装精简，就算用了element-ui这种已经封装过的框架，页面依然会很庞大！） 关于v-model 要实现自己的v-model，首先要了解到，v-model实际上是由两部
表单信息注册验证
王甲评的博客
12-06 7319
这里分为了js和jquery 两个版本，挺重要的记录下来 HTML代码 请填写注册信息 用户名： 昵称： 邮箱：
特殊需求表达式
Y106984869的博客
10-22 163
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 3412
表单验证操作在开发中经常遇到，下面以输入Email提交验证： JS使用正则表达式验证输入数据格式：　/正则表达式/.test(验证的内容) 以上操作返回boolean型数据 ZhangZe function validate(f){ // 定义函数，此时 f 表示 myform var value = f.email
校验用户输入的生日
最文艺的程序媛
07-12 465
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 1452
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 757
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 1593
利用JavaScript和正则表达式进行丰富的日期判断（给其它项目组的代码，有比较好的编程风格和注释） =========================================================== 源代码如下：
用javascript写一个个人博客包括注册页面，实现JS验证用户信息并返回结果的特效。1)用户名：6到16位字母、数字、下划线，不能使用特殊符号； 2)密码：8到16位字符，必须包含大小写字母、数字和指定特殊符号； 3)密码确认：必须和密码完全一致才合格； 4)生日：设计、提示并验证按指定的格式输入生日日期。 5)邮箱； 6)手机号等。一个主页，实现JS的菜单特效一个图片特效设计一个鼠标事件效果
最新发布
06-10
好的，这是一个比较复杂的项目，需要一定的前端开发经验和知识。我将尽力回答你的问题，但是可能无法提供完整的代码解决方案。以下是一些可能会对你有帮助的提示： 1. 用户名验证 可以使用正则表达式进行验证，例如： ``` var username = document.getElementById('username').value; var pattern = /^[a-zA-Z0-9_]{6,16}$/; if (!pattern.test(username)) { // 用户名不符合要求，进行相应处理 } ``` 2. 密码验证 同样可以使用正则表达式进行验证，例如： ``` var password = document.getElementById('password').value; var pattern = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@#$%^&*])[A-Za-z\d@#$%^&*]{8,16}$/; if (!pattern.test(password)) { // 密码不符合要求，进行相应处理 } ``` 3. 密码确认 可以在表单中加入一个确认密码的字段，并在提交表单时进行比较，例如： ``` var password = document.getElementById('password').value; var confirmPassword = document.getElementById('confirmPassword').value; if (password !== confirmPassword) { // 两次输入的密码不一致，进行相应处理 } ``` 4. 生日验证 可以使用日期选择器控件，例如jQuery UI的DatePicker，来保证用户输入的日期格式正确。或者自己写一个日期选择器，进行相应的验证。 5. 邮箱和手机号验证 同样可以使用正则表达式进行验证，例如： ``` var email = document.getElementById('email').value; var pattern = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/; if (!pattern.test(email)) { // 邮箱格式不符合要求，进行相应处理 } var phoneNumber = document.getElementById('phoneNumber').value; var pattern = /^1[3|4|5|7|8][0-9]{9}$/; if (!pattern.test(phoneNumber)) { // 手机号格式不符合要求，进行相应处理 } ``` 6. 菜单特效和图片特效 可以使用jQuery或其他前端框架来实现菜单特效和图片特效，例如jQuery的slideUp和slideDown方法实现菜单的展开和收起，jQuery的fadeIn和fadeOut方法实现图片的淡入和淡出。 7. 鼠标事件效果 可以使用jQuery的事件绑定方法来实现鼠标事件效果，例如： ``` $('#button').on('mouseover', function() { // 鼠标移入按钮时执行的代码 }); $('#button').on('mouseout', function() { // 鼠标移出按钮时执行的代码 }); ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值