html 怎么点击一个按钮弹出一个提示框

html-css011

html 怎么点击一个按钮弹出一个提示框,第1张

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。

2、在index.html中的<body>标签中,输入js代码:

function fun() {

alert('click success!')

}

3、浏览器运行index.html页面,此时点击按钮弹出了提示框。

用获得焦点onfocus和失去焦点onblur事件

<html>

<head>

<script>

function show(){

var test=document.getElementById("uname").value

if(test==null || test==""){

document.getElementById("abc").style.display=''

}else{

document.getElementById("abc").style.display='none'

}

}

function hide(){

document.getElementById("abc").style.display='none'

}

</script>

</head>

<body>

<input id="uname" type="text" onblur="show()" onfocus="hide()"/><span id="abc">请输入名称</span>

</body>

</html>

1.当然,单纯一点的话,我可能先设置一个div或者label,初始状态设置为空或者隐藏。

2.然后用户输入文字时,onkeypress事件写个js function,在function中改变label的内容(仅仅是js验证,不涉及到db操作验证),那么如果原来设置有了ID,当然可以在function中做事情,比如:

function CheckLabel(string)

{

if (string == null)

document.all("Label1").innerText = "不能为空!"

}

3.如果要做db操作验证,那么用xmlhttprequest方式做ajax验证。

具体内容:

http://www.baidu.com/s?wd=xmlhttprequest%CA%B5%C0%FD&lm=0&si=&rn=10&ie=gb2312&ct=0&cl=3&f=1&rsp=2&oq=xmlhttprequest