让用户填写一个表单，然后点提交的时候，会弹出确认对话框，确认对话框包含用户刚才在表单中填写的数据
让用户填写一个表单，然后点提交的时候，会弹出确认对话框，确认对话框包含用户刚才在表单中填写的数据，如果用户点确认则表单提交，点取消，则重新填写。哪位大神帮我看下怎么运行错...
让用户填写一个表单，然后点提交的时候，会弹出确认对话框，确认对话框包含用户刚才在表单中填写的数据，如果用户点确认则表单提交，点取消，则重新填写。 哪位大神帮我看下怎么运行错误的！
<script type="text/javascript">
document.getElementById('btn-submit').onclick=function(){
document.getElementById('alert').style.display='block';
//将表单的值显示在对话框上
document.getElementById('label-username').innerHTML=document.getElementById('username').value;
document.getElementById('label-password').innerHTML=document.getElementById('password').value;
//阻止表单提交
return false;
};
//确认
document.getElementById('btn-confirm').onclick=function(){
//提交整个表单
alert("正在提交表单");
//document.getElementById('form').submit();
};
document.getElementById('btn-cancel').onclick=function(){
document.getElementById('alert').style.display='none';
};
</script>
</head>
<body>
<form id="form" action="">
<input type="text" id="username" name="username" value="1" />
<input type="text" id="password" name="password" value="2" />
<button id="btn-submit">提交</button>
</form>
<div id="alert" class="alert" style="display: block;">
<label id="label-username"></label>
<label id="label-password"></label>
<button id="btn-confirm">提交</button>
<button id="btn-cancel">取消</button>
</div>
</body> 展开
<script type="text/javascript">
document.getElementById('btn-submit').onclick=function(){
document.getElementById('alert').style.display='block';
//将表单的值显示在对话框上
document.getElementById('label-username').innerHTML=document.getElementById('username').value;
document.getElementById('label-password').innerHTML=document.getElementById('password').value;
//阻止表单提交
return false;
};
//确认
document.getElementById('btn-confirm').onclick=function(){
//提交整个表单
alert("正在提交表单");
//document.getElementById('form').submit();
};
document.getElementById('btn-cancel').onclick=function(){
document.getElementById('alert').style.display='none';
};
</script>
</head>
<body>
<form id="form" action="">
<input type="text" id="username" name="username" value="1" />
<input type="text" id="password" name="password" value="2" />
<button id="btn-submit">提交</button>
</form>
<div id="alert" class="alert" style="display: block;">
<label id="label-username"></label>
<label id="label-password"></label>
<button id="btn-confirm">提交</button>
<button id="btn-cancel">取消</button>
</div>
</body> 展开
展开全部
随便用一个ui，很容易实现，比如easyui 或者jqueryui
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不免费是否接受
追问
什么？
追答
帮你30元
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
运行报错:Cannot set property 'onclick' of null
意思是说你绑定onclick事件的时候,这个节点不存在,把javascript放到到</body>之后就好了
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form id="form" action="">
<input type="text" id="username" name="username" value="1" />
<input type="text" id="password" name="password" value="2" />
<button id="btn-submit">提交</button>
</form>
<div id="alert" class="alert" style="display: block;">
<label id="label-username"></label>
<label id="label-password"></label>
<button id="btn-confirm">提交</button>
<button id="btn-cancel">取消</button>
</div>
</body>
<script type="text/javascript">
document.getElementById('btn-submit').onclick=function(){
document.getElementById('alert').style.display='block';
//将表单的值显示在对话框上
document.getElementById('label-username').innerHTML=document.getElementById('username').value;
document.getElementById('label-password').innerHTML=document.getElementById('password').value;
//阻止表单提交
return false;
};
//确认
document.getElementById('btn-confirm').onclick=function(){
//提交整个表单
alert("正在提交表单");
//document.getElementById('form').submit();
};
document.getElementById('btn-cancel').onclick=function(){
document.getElementById('alert').style.display='none';
};
</script>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
