表单添加提示文字
input输入框内如何添加提示文字,要用到JavaScript吗?
input输入框内如何添加提示文字,要用到JavaScript吗?
2016-10-20
需要用到 比如要求提示输入用户名在5到25个字符之间
在你的js文件中 写如下代码
window.onload=function(){
//把所有input输入框选择出来
var aInput=document.getElementsByTagName('input');
//name是第一个 以后 会有密码框 确认密码框等等
var oName=aInput[0];
//提示文字name_msg会写在p标签内 把此标签也抓取出来
var aP=document.getElementsByTagName('p');
var name_msg=aP[0];//理由同上
//分三种情况1当输入框得到焦点时 就是放鼠标时2键盘输入时3失去焦点时输入完成离开输入框时
//接下来我们只讲解举例讲一下3:
//我们想达到 输入完成 离开输入框时提示含有非法字符或者不能为空
//1:达到不能含有非法字符
oName.onblur=function(){
var re=/[^\w\u4e00-\u9fa5]/g;//代表含有的 都是非法字符
if(re.test(this.value)){
name_msg.innerHTML='<i class="err"></i>含有非法字符!'
}
//2不能为空
else if(this.value=" "){
name_msg.innerHTML='<i class="err"></i>不能为空'
}
}
}
举报