<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文本修改</title>
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
function myFunction(){
var obj=document.getElementById("txt").value;
if(obj==''||obj==null){
alert("不能为空");
return;
}
if("123"!=obj){
alert("错误");
return;
}
alert("信息正确 即将进入！");
document.getElementById("demo").style.display='inline';
document.getElementById("mydiv").style.display='NONE';
}
</script>
<script type="text/javascript">
function set(){
txt.outerHTML=txt.outerHTML;
}
</script>
<body>
<br>
<div id="demo" hidden>
<p>汉克斯</p>
<p>速度很快</p>
<p>大数据开发</p>
<a href="state.html"><input type="button" value="返回"></a>
</div>
<div id="mydiv">
<input style="width: 25%" type="info" name="user" id="txt" placeholder="请输入验证码" title="请联系获取验证码">
<br>
<br>
<button οnclick="myFunction()">验证查看</button>
<input type="button" οnclick="set(txt)" value="重新输入">
</div>
</body>
</html>
html实现验证后显示文本
猜你喜欢
转载自blog.csdn.net/Helios32/article/details/114936997
今日推荐
周排行