限制输入框输入类型

最新推荐文章于 2022-01-10 11:12:08 发布

Miss.lang

最新推荐文章于 2022-01-10 11:12:08 发布

阅读量849

点赞数

分类专栏：前端学习笔记 layui

本文链接：https://blog.csdn.net/weixin_42118466/article/details/88823183

版权

本文介绍了如何使用JavaScript实现前端输入限制，包括价格输入框只能输入四位小数，登录框只能输入手机号码，且需符合特定格式，密码框限制输入必须为6-12位字母或数字的组合。同时提到了浏览器记住密码可能导致的验证问题。

摘要由CSDN通过智能技术生成

1、关于价格

$("#price").on('input propertychange', function() {
                   this.value = this.value.replace(/^(\-)*(\d+)\.(\d\d\d\d\d).*$/, '$1$2$3$4$5.$3'); //只能输入四个小数
                   this.value = this.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符，只能输入正整数
                   this.value = this.value.replace(/^\./g, ""); //验证第一个字符是数字而不是其他的
                   this.value = this.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的
               });

2、关于登录框的输入限制

2.1input只能输入手机号码

HTML：

JS：

// 验证输入正确的手机号码，当input框失去焦点的时候，函数才执行
$("#UserPhone").blur(function()