html文本输入框禁止输入非数字或提示错误_随笔

<!DOCTYPE html>

<html>

<head>

<title>只能输入数字正则表达式</title>

</head>

<body>

</body>

</html>

我这有一个简单地案例，希望对你有帮助！！！<script language="javascript" type="text/javascript">

//验证userName的内容

function checkName(name){

var value=name.value

alert(value)

if(value.length<6&&value.length>0||value.length>18){

document.getElementById("uName").style.display='block'

document.getElementById("uName").innerHTML='用户名长度只能是在6-18位之间'}

if(!(name.value)){name.value="请输入用户名！"

document.getElementById("uName").style.display = 'none'}

if(value.length>=6&&value.length<=18) {

showMsg=document.getElementById("uName")

showMsg.style.display = 'none'}

}

</script>

<table>

<tr>

<td><input type="text" name="userName" value="请输入用户名！"

onfocus="if(this.value==defaultValue) {this.value=''}"

onblur="checkName(this)" style="color:#666" /></td>

</tr>

</table>

欢迎分享，转载请注明来源：内存溢出

html文本输入框禁止输入非数字或提示错误