表单提交验证

 

1 表单项不能为空

<script language="javascript">

<!--

function CheckForm()

{

if (document.form.name.value.length == 0) {

alert("请输入您姓名!");

document.form.name.focus();

return false;

}

return true;

}

-->

</script>

2 比较两个表单项的值是否相同

<script language="javascript">

<!--

function CheckForm()

if (document.form.PWD.value != document.form.PWD_Again.value) {

alert("您两次输入的密码不一样！请重新输入.");

document.ADDUser.PWD.focus();

return false;

}

return true;

}

-->

</script>

3 表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等

<script language="javascript">

<!--

function isNumber(String)

{

var Letters = "1234567890-"; //可以自己增加可输入值

var i;

var c;

if(String.charAt( 0 )=='-')

return false;

if( String.charAt( String.length - 1 ) == '-' )

return false;

for( i = 0; i < String.length; i ++ )

{

c = String.charAt( i );

if (Letters.indexOf( c ) < 0)

return false;

}

return true;

}

function CheckForm()

{

if(! isNumber(document.form.TEL.value)) {

alert("您的电话号码不合法！");

document.form.TEL.focus();

return false;

}

return true;

}

-->

</script>

4 表单项输入数值/长度限定

<script language="javascript">

<!--

function CheckForm()

{

if (document.form.count.value > 100 || document.form.count.value < 1)

{

alert("输入数值不能小于零大于100!");

document.form.count.focus();

return false;

}

if (document.form.MESSAGE.value.length<10)

{

alert("输入文字小于10!");

document.form.MESSAGE.focus();

return false;

}

return true;

}

//-->

</script>

5 中文/英文/数字/邮件地址合法性判断

<SCRIPT LANGUAGE="javascript">

<!--

function isEnglish(name) //英文值检测
{
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) {
if(name.charCodeAt(i) > 128)
return false;
}
return true;
}
function isChinese(name) //中文值检测
{
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) {
if(name.charCodeAt(i) > 128)
return true;
}
return false;
}
function isMail(name) // E-mail值检测
{
if(! isEnglish(name))
return false;
i = name.indexOf("@");
j = name.lastIndexOf("@");
if(i == -1)
return false;
if(i != j)
return false;
if(i == name.length)
return false;
return true;
}
function isNumber(name) //数值检测
{
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) {
if(name.charAt(i) < "0" || name.charAt(i) > "9")
return false;
}
return true;
}
function CheckForm()
{
if(! isMail(form.Email.value)) {
alert("您的电子邮件不合法！");
form.Email.focus();
return false;
}
if(! isEnglish(form.name.value)) {
alert("英文名不合法！");
form.name.focus();
return false;
}
if(! isChinese(form.cnname.value)) {
alert("中文名不合法！");
form.cnname.focus();
return false;
}
if(! isNumber(form.PublicZipCode.value)) {
alert("邮政编码不合法！");
form.PublicZipCode.focus();
return false;
}
return true;
}
//-->
</SCRIPT>

6 限定表单项不能输入的字符
<script language="javascript">
<!--
function contain(str,charset)// 字符串包含测试函数
{
var i;
for(i=0;i<charset.length;i++)
if(str.indexOf(charset.charAt(i))>=0)
return true;
return false;
}
function CheckForm()
{
if ((contain(document.form.NAME.value, "%/(/)><")) || (contain(document.form.MESSAGE.value,
"%/(/)><")))
{
alert("输入了非法字符");
document.form.NAME.focus();
return false;
}
return true;
}
//-->
</script>

检查上传的文件后缀是否正确

 function isPic( )
{
var filePath; filePath = document.getElementById("File1").value;
var temp;
var ExtList = ".jpg.gif";
var the_ext = filePath.substr(filePath.lastIndexOf(".")+1).toLowerCase();
if (ExtList.indexOf(the_ext)==-1)
{
alert("上传的图片必须是 jpg 或 gif 格式，请重新上传！");
return false;
}
}

检验图片大小是否超标

首先将浏览的图片传给img，然后取img的大小，把值放在hid中，然后用js判断大小是否超标
<INPUT id="File1" type="file" name="File1" runat="server" onpropertychange="return frmUpFile_onpropertychange()">
<img name="frmYuPic" src="" border="0" width="100" height="100" style="display:none" onload="GetInfo()">
<input type=hidden id=hidImgSize><FONT face="宋体"><BR>
       <FONT color="red">提示</FONT>： 所选图片都必须是 jpg 或 gif 格式，每张图片的大小不得超过200K</FONT>

 function isTooLarge()
 {
  if( parseFloat (document.getElementById("hidImgSize").value) > Math.round(parseFloat (1024)/1))
   {
    alert("上传文件大于1 KB,请重新选择图片！");
    return false;
   }
   return true;
 }

 function frmUpFile_onpropertychange ()
 {  
  document.getElementById("frmYuPic").removeAttribute("src");
  document.getElementById("frmYuPic").src=document.getElementById("File1").value;
  document.getElementById("frmYuPic").style.display = "block";

 }
 function GetInfo()
 {   
     document.getElementById("hidImgSize").value=parseFloat(document.getElementById("frmYuPic").fileSize) ;
 }