HTML限制输入个数,如何使用CSS(或jQuery,如果需要)限制输入HTML输入的字符数？

jsFiddle

首先,设置maxlength,如：< input type =“text”id =“txtbxSSNOrITIN”maxlength =“5”>

$(document).on("change",function () {

var ckd = this.checked; // ckd is now a boolean

$('[id$=txtbxSSNOrITIN]')

.attr("maxlength",ckd? 2 : 5) // 2 characters if checked,else 5

.css({

background: ckd? '#ffff00' : "green",// yellow if checked,else green

width: ckd? 24 : 144 // 24px if checked,else 144

});

上面还有一个较小的问题,那就是如果：用户最初输入超过5个字符,如果你点击复选框,值长度仍然是5！因此,您需要一个额外的条带,以删除不需要的字符,如：

$(document).on("change",function () {

var ckd = this.checked;

$('[id$=txtbxSSNOrITIN]').attr("maxlength",ckd? 2 : 5).css({

background: ckd? '#ffff00' : "green",width: ckd? 24 : 144

}).val(function(i,v){

// If checked,slice value to two characters:

return ckd && v.length>2 ? v.slice(0,2) : v;

});

如果你想使用你构建的代码去专业,你可能还想要

防止用户感到愚蠢

通过存储最后一个(长一个)类型的值.如果用户单击复选框而不是意识到“那么……那是愚蠢的”,再次勾选它应该返回旧的值：

$(document).on("change",function () {

var ckd = this.checked;

var $input = $('[id$=txtbxSSNOrITIN]');

if(ckd) $input.data("oldValue",$input.val() ); // Remember the current value

$input.prop("maxlength",ckd? 2 : 5).css({

background: ckd? '#ffff00' : "green",v){

// If checked,slice value to two characters:

return ckd && v.length>2 ? v.slice(0,2) : $input.data("oldValue");

});

HTML限制输入个数,如何使用CSS(或jQuery,如果需要)限制输入HTML输入的字符数？相关推荐

【Matlab】函数输入个数不定怎么办？
1.Introduction 有时调用Matlab官方函数时,发现一些函数输入参数的数量可多可少,可长可短,可大可小,咳咳.. 比如常见的 xlsread 函数,可以直接读 Excel 文件,也可以指 ...
c语言输入十个英文国名,c语言程式设计在主函式输入10个字元,用子函式求出共输入几个英文字元,几个数字字元,几个符号%...
c语言程式设计在主函式输入10个字元,用子函式求出共输入几个英文字元,几个数字字元,几个符号%以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我 ...
【C语言】输入英文标题，统计大写字母、小写字母、数字和其他字符的个数。
学习目标: 输入英文标题,统计大写字母.小写字母.数字和其他字符的个数. 学习内容: 1了解大小写字母.数字和其他字符的Ascall码. 2.学会使用getchar():从键盘读入一个字符. 3.熟练 ...
C语言习题：/*键盘输入两个非零整数A和B，如果A和B都是偶数则输出两个数的和，如果A和B都是奇数则输出两个数的差，如果A是奇数B是偶数则输出两数积,如果A是偶数B是奇数输出AVB结果*/
#include<stdio.h> /*键盘输入两个非零整数A和B,如果A和B都是偶数则输出两个数的和, 如果A和B都是奇数则输出两个数的差, 如果A是奇数B是偶数则输出两数积, 如果A是 ...
C语言基础课编写程序之编程实现在一个字符串统计各元音字母（即A,E,I,O,U)的个数，注意，字母不分大小写。例如，输入THIs is a boot,则输出应为1 0 2 2 0
编程实现在一个字符串统计各元音字母(即A,E,I,O,U)的个数,注意,字母不分大小写.例如,输入THIs is a boot,则输出应为1 0 2 2 0. 解题思路:1.输入字符串s,定义另一个数 ...
输入整数n(0＜=n＜=1000),紧接着在下一行连续输入n个数。随后输出这一组数的最小值和最大值。
标题输入整数n(0<=n<=1000),紧接着在下一行连续输入n个数.随后输出这一组数的最小值和最大值. ##解决方法根据题意输入n个数可以用循环思想,并用if语句进行比较判断,最后进 ...
R7-3 统计满足特定条件的字符数输入字符串A(没有重复字符），输入字符串B，求在字符串A中字符的个数，这些字符必须同时又在字符串B中。提示：用in运算符。输入格式:一行输入字符串A。一行
输入字符串A(没有重复字符),输入字符串B,求在字符串A中字符的个数,这些字符必须同时又在字符串B中.提示:用in运算符. 输入格式: 一行输入字符串A. 一行输入字符串B. 输出格式: 一行输出字符 ...
C语言程序设计——从键盘任意输入一个字符串(可以包含：字母、数字、标点符号，以及空格字符)，计算其实际字符个数并打印输出，即不使用字符串处理函数strlen()编程，但能实现strlen()的功能。
从键盘任意输入一个字符串(可以包含:字母.数字.标点符号,以及空格字符),计算其实际字符个数并打印输出,即不使用字符串处理函数strlen()编程,但能实现strlen()的功能. 程序运行示例: P ...
输入10个整数，求其中正数的个数及平均值，精确到小数点后两位。 **输入格式要求：“%d“ 提示信息：“Input integer:“ **输出格式要求：“Plus number:%d,averag
输入10个整数,求其中正数的个数及平均值,精确到小数点后两位. **输入格式要求:"%d" 提示信息:"Input integer:" **输出格式要求:&qu ...

HTML限制输入个数,如何使用CSS(或jQuery,如果需要)限制输入HTML输入的字符数？

HTML限制输入个数,如何使用CSS(或jQuery,如果需要)限制输入HTML输入的字符数？相关推荐

最新文章

热门文章