<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<meta charset="gb2312">
<style type="text/css">
form
{
font-family:Arial;
font-size:14px;
width:300px;
}
fieldset
{
border:1px solid #ccc;
margin-bottom:10px;
}fieldset.login input
{
width:125px;
}
legend
{
font-weight:bold;
font-size:1.1em;
}
label
{
display:block;
width:80px;
text-align:right;
float:left;
padding-right:10px;
margin:5px 0;
}input
{
margin:5px 0;
}input.text
{
padding:0 0 0 3px;
width:172px;
}input.submit
{
margin:15px 0 0 70px;
}
</style>
<script language=javascript >function checkRequired(elem)
{
if(elem.type=="checkbox"||elem.type=="radio")
return getInputsByName(elem.name).numChecked;
else
return elem.value.length>0&&elem.value!=elem.defaultValue;
}function getInputsByName(name)
{
var results=[];
results.numChecked=0;
var input=document.getElementsByTagName("input");
for(var i=0;i<input.length;i++)
{
if(input[i].name==name)
{
results.push(input[i]); if(input[i].checked)
{
results.numChecked++;
}
}
}
return results;
}
window.onload=function()
{
document.getElementsByTagName("form")[0].onsubmit=function()
{
var elem=document.getElementById("age");
if(!checkRequired(elem))
{
alert("空です");
return false;
}
var elem=document.getElementById("name");
if(!checkRequired(elem))
{
alert("空です");
return false;
}
}
}</script>
</HEAD>
<BODY >
<form action="" method="get">
<fieldset class="login">
<legend>Login Information</legend>
<label for ="username" class="hover">UserName</label>
<input type="text" id="userName" class="required text"></br>
<label for="password" class="hover">Password</label>
<input type="password" id="password" class="required text">
</fieldset>
<fieldset >
<legend>Personnal Information</legend>
<label for="name">Name</label>
<input type="text" id="name" class="required text"></br> <label for="email">Email</label>
<input type="text" id="email" class="required email text"></br>
<label for="date">Date</label>
<input type="text" id="date" class="required date text"></br>
<label for="url">Website</label>
<input type="text" id="url" class="url text" value="http://"></br>
<label for="phone">Phone</label>
<input type="text" id="phone" class="phone text"></br>
<label for="age">Over 13?</label>
<input type="checkbox" id="age" name="age" value="yes"></br>
<input type="submit" value="Submit Form" id="submit" class="submit">
</fieldset> </form>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<meta charset="gb2312">
<style type="text/css">
form
{
font-family:Arial;
font-size:14px;
width:300px;
}
fieldset
{
border:1px solid #ccc;
margin-bottom:10px;
}fieldset.login input
{
width:125px;
}
legend
{
font-weight:bold;
font-size:1.1em;
}
label
{
display:block;
width:80px;
text-align:right;
float:left;
padding-right:10px;
margin:5px 0;
}input
{
margin:5px 0;
}input.text
{
padding:0 0 0 3px;
width:172px;
}input.submit
{
margin:15px 0 0 70px;
}
</style>
<script language=javascript >function checkRequired(elem)
{
if(elem.type=="checkbox"||elem.type=="radio")
return getInputsByName(elem.name).numChecked;
else
return elem.value.length>0&&elem.value!=elem.defaultValue;
}function getInputsByName(name)
{
var results=[];
results.numChecked=0;
var input=document.getElementsByTagName("input");
for(var i=0;i<input.length;i++)
{
if(input[i].name==name)
{
results.push(input[i]); if(input[i].checked)
{
results.numChecked++;
}
}
}
return results;
}
window.onload=function()
{
document.getElementsByTagName("form")[0].onsubmit=function()
{
var elem=document.getElementById("age");
if(!checkRequired(elem))
{
alert("空です");
return false;
}
var elem=document.getElementById("name");
if(!checkRequired(elem))
{
alert("空です");
return false;
}
}
}</script>
</HEAD>
<BODY >
<form action="" method="get">
<fieldset class="login">
<legend>Login Information</legend>
<label for ="username" class="hover">UserName</label>
<input type="text" id="userName" class="required text"></br>
<label for="password" class="hover">Password</label>
<input type="password" id="password" class="required text">
</fieldset>
<fieldset >
<legend>Personnal Information</legend>
<label for="name">Name</label>
<input type="text" id="name" class="required text"></br> <label for="email">Email</label>
<input type="text" id="email" class="required email text"></br>
<label for="date">Date</label>
<input type="text" id="date" class="required date text"></br>
<label for="url">Website</label>
<input type="text" id="url" class="url text" value="http://"></br>
<label for="phone">Phone</label>
<input type="text" id="phone" class="phone text"></br>
<label for="age">Over 13?</label>
<input type="checkbox" id="age" name="age" value="yes"></br>
<input type="submit" value="Submit Form" id="submit" class="submit">
</fieldset> </form>
</BODY>
</HTML>
解决方案 »
- jQuery压缩版本的功能是不是跟完整版本一样
- Js与Asp.net中GridView的问题,高手帮忙,深夜在线等!!!
- 怎么弹出undefined 大大出乎我的意料啊!!!!!
- 这段代码是啥意思呢
- javascript 怎么设置一个IFRAME的高度跟当前屏幕的告诉一样,以及怎么让它最小化和不显示?多谢了
- 请教一下这个js语句
- 进来看一下吧,一个关于页面刷新的问题
- Javascript中的语句在IE和Netscape中有否不兼容性?请问这些语句是哪些?紧急!
- 关于用showModalDialog()打开的窗口的问题!??
- 请问用JavaScript是否可以为用户建立拨号连接
- 真心求各位JavaScript大神指条明路
- checkbox的全选~ 标题够长么 ????????????????
你设置的为字符集为简体中文,肯定显示出乱码喽你设置为日文字符集就好了
你可以选用GB18030
GB 18030字符集标准解决汉字、日文假名、朝鲜语和中国少数民族文字组成的大字符集计算机编码问题。该标准的字符总编码空间超过150万个编码位,收录了27484个汉字,覆盖中文、日文、朝鲜语和中国少数民族文字。满足中国大陆、香港、台湾、日本和韩国等东亚地区信息交换多文种、大字量、多用途、统一编码格式的要求。并且与Unicode 3.0版本兼容,填补Unicode扩展字符字汇“统一汉字扩展A”的内容。并且与以前的国家字符编码标准(GB2312,GB13000.1)兼容。
试试
设成UTF-8
我最长用这个
对,用UTF-8没错.但要确保:申请的编码要与文件保存的编码一样.