电话号码

这篇博客讲述了如何使用HTML和JavaScript创建一个输入框,用于输入电话号码,并通过JavaScript进行格式验证。主要内容包括设置input元素,添加placeholder,通过ID获取元素,使用正则表达式判断电话号码格式,确保只允许输入数字且排除特殊字符。此外,还介绍了如何在input中处理非数字输入,确保输入内容符合电话号码规范。
摘要由CSDN通过智能技术生成
  1. 创建一个heml文件

 

 

  1. 写一个scipt用来储存js的代码
  2. 先在tetl创建一个input,前面写上电话号码

 

 

 

  1. 在input里面写上placeholder显示在文本款中有一个提示
  2. Heml部分基本已经写好了,现在在script里面写js的代码

  1. 先通过heml写的id名获取到它
  2. 在调用到他

 

 

 

  1. 在通过fi循环来写他
  2. 输对的时候执行的样式,或输错的样式

 

 

 

  1. 但要做一个电话号码,还要在前面加一个判断

 

 

  1. 但这个判断你就算超过这电话的格式都算对的
  2. 因为你前面对了他就不判断你后面的内容了
  3. 他就判断一次 对了就不判断后面 错了也一样

 

  1.  所以你要在前面加上一个^和后面加上一个$
  2.  加上了之后只允许能么多,多了一个数字都不行
  3. 但又有新的问题,我这个是电话号码不可以出现除了数字以外的的东西

 比喻字符,括号等一系列等东西

 

 

  1. 在html中input中写 除了数字以外的内容都被转化为空
  2. 这就写完了
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值