工作日常记录:1.前端文本input限制输入内容2.多选框获取值3.文本框输入字数限制和字数记录

最新推荐文章于 2023-09-20 22:05:37 发布

goingLiu.Mr

最新推荐文章于 2023-09-20 22:05:37 发布

阅读量409

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/qq_42550519/article/details/122398046

版权

input限制输入

oninput = "value=value.replace(/[^\d]/g,'')" 只能输入数字 
配合正则表达式使用[菜鸟工具](https://c.runoob.com/front-end/854/)

多选框获取值

var week=[];
$("input[name='weekRule']:checked").each(function(){
week.push($(this).val());
});

文本框字数限制

//文本标签属性 属性 maxlength 最大输入字数 展示剩余输入字数
supervisionValue 文本对象 chLeft 剩余字数 对象 剩余字数：<span id="chLeft">50</span>
$("#supervisionValue").on('keyup',function(){
var dataStr=$("#supervisionValue").val();
var maxChars = 50;
if (dataStr.length > maxChars)
dataStr =dataStr.substring(0,maxChars);
var curr = maxChars -dataStr.length;
document.getElementById("chLeft").innerHTML = curr.toString();
})