JS输入框input限制

js限制输入框只能输入数字

在这里插入图片描述

  1. 使用正则表达式限制输入框只能输入数字:
			<div class="form-style-agile">
				<label>
					<i class="fa fa-unlock-alt"></i>
					端口号
				</label>
				<input placeholder="请输入端口号(数字)" name="Password" type="password" required="" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') ">
			</div>

在这里插入图片描述
注:onafterpaste防止用户从其它地方copy内容粘贴到输入框。

  1. 输入框只能输入字母和下横线的正则表达式
<input onkeyup="this.value=this.value.replace(/[^_a-zA-Z]/g,'')" onpaste="this.value=this.value.replace(/[^_a-zA-Z]/g,'')">
  1. 输入框只能输入字母数字和下横线的正则表达式
<input onkeyup="this.value=this.value.replace(/[^\w]/g,'')" onpaste="this.value=this.value.replace(/[^\w]/g,'')">

或者

<input onkeyup="this.value=this.value.replace(/[\W]/g,'')" onpaste="this.value=this.value.replace(/[\W]/g,'')">

Guess you like

Origin blog.csdn.net/weixin_44975322/article/details/121252670