单击按钮时,警告框显示表单数据
Alert box shows form data when clicking button
我希望在表单底部创建一个按钮,该按钮将创建一个显示输入的表单数据的警报框。表格包括:名字姓地址1地址2城市状态拉链电话传真
表单完成后,单击按钮,弹出一个警告框,显示输入的表单数据。
有人知道如何在没有实际提交或验证表格的情况下完成吗?没有可用于提交表单数据的数据库,因此没有可从中提取信息的数据库。
如有任何帮助,我们将不胜感激。
由于它的长度,我没有包括表单代码,但我正在为Alert Box处理的当前代码看起来是这样的:
<script>
function display_alert()
{
alert("");
}
</script>
<body>
<input type="button" onclick="display_alert()" value="Display alert box">
</body>
如果我做对了,你需要这样的东西:
<html>
<head>
<script type="text/javascript">
window.onload = function(){
document.getElementById('send').onclick = function(e){
alert(document.getElementById("name").value);
return false;
}
}
</script>
</head>
<body>
<form method="post">
<input type="text" name="name" id="name" />
<input type="submit" name="send" id="send" value="send" />
</form>
</body>
</html>
我真的不明白你对从数据库中提取信息的意思,但这个例子使用点击事件从表单字段中获取数据,并在没有提交的情况下将其显示在警报中。
html代码:
<html>
<SCRIPT SRC="PR8_4.JS"></SCRIPT>
<body>
<form name=details>
<table>
<tr><td>ENTER FRIST NAME:<input type=text name=fname></td></tr>
<tr><td>ENTER LAST NAME:<input type=text name=lname></td></tr>
<tr><td>ENTER PHONE NUM :<input type=text name=phnum></td></tr>
</table>
<input type="button" value="Click Me" onclick="display();">
</form>
</body>
</html>
javascript代码:
function display()
{
var x=document.details.fname.value;
var y=document.details.lname.value;
var z=document.details.phnum.value;
alert("FIRST NAME:"+x+" "+"LAST NAME:"+y+" "+"PHONE NUMBER:"+z);
}
要停止表单提交,您可以在标记中创建一个onsubmit事件并返回false,例如…form元素。。。。这样做的好处是,当有人通过按下回车键和提交按钮提交表格时,可以进行操作。
因此,为了实现您的愿望,您可以创建一个函数(让我们称之为formAlert),并从onsubmit事件中调用它,例如…form元素。。。
formAlert功能看起来像:
function formAlert() {
alert_string = '';
alert_string = alert_string + document.getElementById('first_name').value;
alert_string = alert_string + ' ';
alert_string = alert_string + document.getElementById('last_name').value;
alert(alert_string);
}
这将对应于一种看起来像的形式
<form id="foo" onsubmit="formAlert(); return false;">
<p><label for="first_name">First Name<label><input type="text" id="first_name" value="fred" /></p>
<p><label for="last_name">Last Name<label><input type="text" id="last_name" value="blogs" /></p>
<p><input type="submit" value="click me" /></p>
</form>
注意1,这不是一个很好的模式框——它只是在Javascript警报框中显示"fred博客"。
注意2,如果出现Javascript错误,您的表单仍将提交(尽管在这里的示例中它将提交给自己)。
下面是一个JS Fiddle演示上面的代码:http://jsfiddle.net/D59su/
我想这可能就是您想要的:
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="javascriptform.css">
</head>
<body>
<form name= "details"><div class="box1"><div id="a"><input type="text" name="lastname" placeholder="LAST NAME"></div><br>
<div id="b"><input type="text" name="firstname" placeholder="FIRST NAME"></div><br>
<div id="c"><input type="e-mail" name="email" placeholder="E-MAIL"></div><br>
<div id="d"><input type="password" name="password" placeholder="PASSWORD"></div><br>
<div id="sub-button"><button onclick="getdetails();">submit</button></div></form>
</div>
<script>
function getdetails()
{
var a = document.forms["details"]["lastname"].value;
var b = document.forms["details"]["firstname"].value;
var c= document.forms["details"]["email"].value;
alert("Your name is "+a+" "+b+". Your e-mail is "+c);
}
</script>
</body>
</html>
这是一个非常简单的
使用.value
会有所帮助。
HTML:
<form onsubmit="return myFunction()>
<input type="text" id="name>
<input type="submit" value="SEND">
在您的功能之前使用return
Javascript:
function myFunction () {var name = document.getElementById("name").value; alert("Hi " + name)}
提交后将显示为(如果我写亚历克斯并提交)
你好Alex
希望它能工作
- 如何使用jquery在单击按钮时显示表单
- 如果选择单选按钮,则显示表单
- 单击按钮后在警报中显示表单值
- 提交后如何递增和显示表单数量
- 在HTML中隐藏/显示表单会产生异常结果
- 使用Jquery在单击“”时显示表单;添加对象”;按钮
- 根据发送的输入内容隐藏/显示表单
- 如何检查页面加载时是否选中复选框,如果选中,则显示表单
- 以引导模式显示表单结果
- 如何使用复选框显示表单的更多选项并更改表单的操作属性
- 根据在jQuery字段中输入的数量显示表单的不同部分
- 我正在尝试在使用 javascript 单击按钮时显示表单
- 如何使用 JavaScript 函数显示表单 asp.net
- 如何通过隐藏表单在同一页面中显示表单输出
- 如何向客户显示表单中的预览
- 如何在同一窗口中显示表单输出并隐藏表单
- 使用jQuery切换根据选中的复选框隐藏/显示表单提交按钮 - 如何设置默认关闭的提交按钮
- 显示表单前的 JQGRID 验证
- 根据下拉列表中的选定值显示表单
- Javascript:读取,添加和显示表单值