怎样用blur来检验是否输入了内容
我该怎样判断输入框里面有内容输入。无论是数字也好，字符串也好，只要有东西输入就是welcome to here，没有输入就是enter a name！像我这样写的话一直是welcome to here！我该怎么改。
一只特立独行的doge
2016-04-20
5 回答
查看4条回复
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 失焦事件 </title>
<script type="text/javascript">
function message(){
var useName=document.getElementById("username").value;
if(useName!=""){
alert("welcome to here:"+useName);
}else{
alert("enter a name");
}
}
</script>
</head>
<body>
<form>
用户:<input name="username" id="username" type="text" value="" onblur="message()" placeholder="请输入用户名" >
密码:<input name="password" type="text" value="请输入密码！" >
</form>
</body>
</html>把value里面的值去掉，改用placeholder好点，这样即使不输入内容，失焦之后也不会显示value的值
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 失焦事件 </title>
<script type="text/javascript">
function message(){
var input=document.getElementById('input')
if(input.value=="请输入密码！"){
alert("请确定已输入密码后，在移开!");
}else{
alert("登录！")
}
}
</script>
</head>
<body>
<form>
用户:<input name="username" type="text" value="请输入用户名！" >
密码:<input id="input" name="password" type="text" value="请输入密码！" onblur="message()">
</form>
</body>
</html>
举报
0/150
提交
取消
