在前端开发中，我们常常需要对用户输入的数据进行格式校验和限制。本文将介绍三种JS限制文本框输入内容的方法，并附带详细的示例代码。
1. 限制输入数字类型
有时候，我们需要限制文本框只能输入数字类型。可以通过以下方式实现：
<input type="text" onkeyup="this.value=this.value.replace(/\D/g,'')"/>
上述代码使用了正则表达式，将非数字类型字符替换为空字符。这样，用户在输入时只能输入数字，其他字符都会被过滤掉。
2. 限制输入特殊字符
有些情况下，我们需要限制文本框只能输入纯文本或数字类型，并排除特殊字符的输入。可以通过以下方式实现：
<input type="text" onkeyup="this.value=this.value.replace(/[^\a-\z\A-\Z0-9]/g,'')"/>
上述代码同样使用了正则表达式，将非字母和数字类型字符替换为空字符。这样，用户在输入时只能输入字母和数字，其他字符都会被过滤掉。
3. 限制输入长度和格式
有的情况下，我们需要限制文本框输入的长度和格式，比如手机号码、邮箱等格式。可以通过以下方式实现：
<input type="text" onkeyup="if(this.value.length>11) this.value=this.value.slice(0,11)" placeholder="请输入手机号"/>
上述代码限制了文本框的输入长度为11位。如果用户输入超过了11位，那么代码会自动截取前11位字符，保证输入长度正确。
对于格式的校验，可以使用正则表达式进行判断：
<input type="text" onblur="if(!/^1[3-9]\d{9}$/.test(this.value)) alert('请输入正确的手机号码！')" placeholder="请输入手机号"/>上述代码使用了正则表达式校验了手机号码的格式是否正确。如果用户输入的不是11位数字且以1开头，则会提示“请输入正确的手机号码！”。
总结
本文介绍了三种JS限制文本框输入内容的方法，并附带详细的示例代码。在实际开发中，可以根据需要选择适合的方式进行使用，保证用户输入的数据符合我们的要求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/4044