Javascript 要获取表单记录吗
我制作了一个表单，输入记录并应用验证。我希望当用户单击“提交”按钮时，所有字段的值都应显示在同一页上……但我无法获取单选按钮字段记录。。。。。。。下面是我的代码Javascript 要获取表单记录吗,javascript,html,Javascript,Html,我制作了一个表单，输入记录并应用验证。我希望当用户单击“提交”按钮时，所有字段的值都应显示在同一页上……但我无法获取单选按钮字段记录。。。。。。。下面是我的代码 <html> <head> <title>REGISTRATION FORM</title> </head> <body bgcolor="Bisque "> <form name='myform' onsubmit="return formValidati
<html>
<head>
<title>REGISTRATION FORM</title>
</head>
<body bgcolor="Bisque ">
<form name='myform' onsubmit="return formValidation()" >
<table border="1" align="center">
<tr align="right">
<td align="center"><b>REGISTRATION FORM</td>
</tr>
<tr>
<td bgcolor="yellow">NAME</td>
<td bgcolor="orange"><input type="text" id="name" placeholder="Enter valid name" />
<p id="demo" class="class1"> </p>
</td>
<tr>
<td bgcolor="yellow">AGE</td>
<td bgcolor="orange"><input type="text" id="age" />
<p id="demo1" class="class1"> </p>
</td>
<tr>
<td bgcolor="yellow">GENDER</td>
<td bgcolor="orange"><input type="radio" name="gender" value="male" /> Male<br>
<input type="radio" name="gender" value="female" /> Female<br>
<p id="demo2" class="class1"> </p>
</td>
<tr>
<td bgcolor="yellow">COUNTRY</td>
<td bgcolor="orange"><select id="country">
<option value="Default">(Please select a country)</option>
<option value="india">INDIA</option>
<option value="usa">USA</option>
<option value="australia">Australia</option>
<option value="canada">Canada</option>
</select>
<p id="demo3" class="class1"> </p>
</td>
<tr>
<td bgcolor="yellow">LANGUAGES</td>
<td bgcolor="orange">
<input type="checkbox" name="language" value="English" checked />English<br>
<input type="checkbox" name="language" value="Hindi" />Hindi<br>
<input type="checkbox" name="language" value="French" />French<br>
<p id="demo4" class="class1"> </p>
</td>
<tr>
<td bgcolor="yellow" >INTEREST</td>
<td bgcolor="orange"> <textarea name="message1" id="message" rows="10" cols="30"></textarea>]
<p id="demo5" class="class1"> </p></td>
<tr>
<td><input type="submit"></td>
</table>
<div id="div1"></div>
</form>
<style>
p.class1{
color:red;
}
</style>
<script type="text/javascript">
function formValidation()
{
var html="";
var st=0;
var uname = document.getElementById("name").value;
var uage = document.getElementById("age").value;
var ucountry = document.getElementById("country").value;
var letters = /^[A-Za-z]+$/;
if( letters.test(uname) && (uname!=""))
{
html +="Name- " + uname+"<br/>";
document.getElementById("demo").innerHTML="";
}
else
{
document.getElementById("name").innerHTML=" ";
document.getElementById("demo").innerHTML="Please enter valid name";
}
var age1=/^[1-9]?[0-9]{1}$|^100$/;
if(age1.test(uage) && (uage!=""))
{
html+="Age- "+ uage+"<br/>";
document.getElementById("demo1").innerHTML="";
}
else
{
document.getElementById("demo1").innerHTML="Please enter valid name";
}
if(ucountry == "Default" || (ucountry.value=""))
{
document.getElementById("demo3").innerHTML="Please enter valid name";
}
else
{
html+="Country- " + ucountry+"<br/>";
document.getElementById("demo3").innerHTML="";
}
var group=document.getElementsByName("gender").length;
for(var i=0;i<group.length;i++){
if(group[i].checked)
group=document.getElementById()
break;
}
html+=group.value;
alert(html);
if (i==group.length)
document.getElementById("demo2").innerHTML="Please select your gender";
/*var group1=document.myform.language;
for(var i=0;i<group1.length;i++){
if(group1[i].checked)
break;
}
if (i==group1.length)
document.getElementById("demo4").innerHTML="Please select your gender";
var textvalue=document.getElementById("message");
if(textvalue.value =="")
{
document.getElementById("demo5").innerHTML="Please enter interest";
html+=textvalue;
}
if(st==1)
{
return false;
}
else
{
return true;
}*/
document.getElementById("div1").innerHTML=html;
return false;
}
</script>
登记表
登记表
名称
年龄
性别
男性
女性
国家
（请选择一个国家/地区）
印度
美国
澳大利亚
加拿大
语言
英语
印地语
法语
兴趣
]
p、 第一类{
颜色：红色；
}
函数formValidation（）
{
var html=“”；
var-st=0；
var uname=document.getElementById（“名称”）.value；
var uage=document.getElementById（“年龄”）.value；
var ucountry=document.getElementById（“国家”）.value；
变量字母=/^[A-Za-z]+$/；
if（字母测试（uname）&（uname！=“”）
{
html+=“名称-”+uname+“
”；
document.getElementById（“demo”）.innerHTML=“”；
}
其他的
{
document.getElementById（“名称”）.innerHTML=“”；
document.getElementById（“demo”）.innerHTML=“请输入有效名称”；
}
变量age1=/^[1-9]？[0-9]{1}$^100$/；
如果（年龄1.测试（uage）&（uage！=“”）
{
html+=“年龄-”+uage+“
”；
document.getElementById（“demo1”）.innerHTML=“”；
}
其他的
{
document.getElementById（“demo1”）.innerHTML=“请输入有效名称”；
}
如果（ucountry==“Default”| |（ucountry.value=”“））
{
document.getElementById（“demo3”）.innerHTML=“请输入有效名称”；
}
其他的
{
html+=“国家-”+UCONTRY+“
”；
document.getElementById（“demo3”）.innerHTML=“”；
}
var group=document.getElementsByName（“性别”）.length；
对于（var i=0；i
在formValidation函数中添加上述代码。您将获得表单数据，表单控件名称作为json中的键。基于json，您可以验证数据。在simple javascriptit中需要它。很简单，只需尝试一下。您将获得json中的所有控件数据。您不必编写不同类型控件（如复选框、单选按钮等）的单独代码。它是c用于JSON中获取控制值的ommon代码。
$.fn.serializeObject = function () {
var o = {};
var a = this.serializeArray();
$.each(a, function () {
if (o[this.name] !== undefined) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
}
o[this.name].push(this.value || '');
} else {
o[this.name] = this.value || '';
}
});
return o;
};
form = $('#myform').serializeObject(); // myform is id of your form
var data = JSON.stringify({ model: form });
console.log(data);