<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>练习</title>
<script>
//验证文本框中是否输入内容。
function amy(){
var a=document.getElementById("input1").value;
if(a=="请输入你的用户名"&&a==""){ //a等于字符串"请输入你的用户名"和""时。
var mya=confirm("你未输入用户名，是否输入");
if(mya==true){
var myb=prompt("请输入你的用户名");
if(myb!=请输入你的用户名&&myb!=null){
document.getElementById("input1").value=myb;
}
}
else{
alert("你未输入用户名。");
}
}
return a;//返回a值
}
//将文本框存在内容时，将文本清空。
function myFunction(){
if(a!=""){
a.document.innerHTML = null;
}
}
//验证密码框是否输入密码。
function bmy(){
var b=document.getElementById("input2").value;
if(b==""){
var myc=confirm("你未输入密码，是否输入？");
if(myc==true){
var myd=prompt("输入密码");
if(myd!=""){
document.getElementById("input2").value=myd;
}
else{
alert("你未输入密码");
}
}
else{
alert("谢谢，期待你的下次输入");
}
}
}
</script>
</head>
<body>
<form>
<input type="text" value="请输入你的用户名" id="input1" onfocus="myFunction()" onblur="amy()">
<br />
<input type="password" id="input2" onblur="bmy()">
<br />
<input type="button" value="按钮" id="input3" >
</form>
</body>
</html>
摩诃迦叶
相关分类