怎么用js弹出提示框
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎么用js弹出提示框相关的知识，希望对你有一定的参考价值。
一个文本框内容为空时，点击提交按钮，会弹出错误提示框，不会跳转页面。当文本框有内容时，也会弹出一个正确提示框并跳转到下个页面。我是新手，希望可以代码要完整，尽量简洁明了，可以加分。
弹出提示框一般有3种
1)alert (普通提示框)
2)prompt (可输入的提示框)
3)confirm (可选择的提示框)
下面举个例子:
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<button onclick="mal()">第一种:alert</button>
<button onclick="mpro()">第二种:prompt</button>
<button onclick="mcon()">第三种:confirm</button>
<script>
function mal()
alert('这是一个普通的提示框');
function mpro()
var val = prompt('这是一个可输入的提示框','这个参数为输入框默认值,可以不填哦');
//prompt会把输入框的值返回给你
function mcon()
var boo = confirm('这是一个可选择的提示框,3种提示方式,学会了吗?')
//confirm 会返回你选择的选项,然后可以依据选择执行逻辑
if(boo)
alert('学会了,真聪明');
else
alert('再来一遍吧')
</script>
</body>
</html> 参考技术A <form >
<input type="text" id="text1" onsubmit="return toTojiao();"/>
</form>
<script>
function toTojiao()
var text1 = document.getElementById("text1");
if(text1.value.length == 0)
alert('内容不能为空');
return false;
return true;
</script>追问
我用html试了，不行啊，错误一样会跳转，也没有正确的提示框，我想要完整的代码，可以多加10分
追答onsubmit="return toTojiao();" 在form表单里写这一段代码 你写了没
本回答被提问者采纳 参考技术B <input id="textbox" type="text"/><input type="submit" onclick="checknull();" value="提交"/>
<script>
function checknull()
if(document.getElementById("textbox").value="")
alert("不能为空");
return false;
</script> 参考技术C function a（）
alert（“c”）；
<td onclick=“a（）”>
以上是关于怎么用js弹出提示框的主要内容，如果未能解决你的问题，请参考以下文章