怎么用js弹出提示框
一个文本框内容为空时,点击提交按钮,会弹出错误提示框,不会跳转页面。当文本框有内容时,也会弹出一个正确提示框并跳转到下个页面。我是新手,希望可以代码要完整,尽量简洁明了,...
一个文本框内容为空时,点击提交按钮,会弹出错误提示框,不会跳转页面。当文本框有内容时,也会弹出一个正确提示框并跳转到下个页面。我是新手,希望可以代码要完整,尽量简洁明了,可以加分。
展开
4个回答
展开全部
弹出提示框一般有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>
千锋IT教育
2022-09-27 广告
2022-09-27 广告
打开IE浏览器,在IE浏览器上方的菜单栏中找到工具项,然后选择工具项中的“Internet选项”;在打开的Internet选项窗口中,我们可以看到默认是常规标签页,我们可以切换到安全标签页中;千锋软件开发培训课程的授课模式采用全程面授,讲师...
点击进入详情页
本回答由千锋IT教育提供
展开全部
<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>
<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表单里写这一段代码 你写了没
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<input id="textbox" type="text"/>
<input type="submit" onclick="checknull();" value="提交"/>
<script>
function checknull()
{
if(document.getElementById("textbox").value="")
{
alert("不能为空");
return false;
}
}
</script>
<input type="submit" onclick="checknull();" value="提交"/>
<script>
function checknull()
{
if(document.getElementById("textbox").value="")
{
alert("不能为空");
return false;
}
}
</script>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
function a(){
alert(“c”);
}
<td onclick=“a()”>
alert(“c”);
}
<td onclick=“a()”>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询