javaScript技巧(2)表单提交验证类

转载 2006年06月13日 09:51:00

javaScript技巧(2)表单提交验证类
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>

JavaScript奇淫技巧(一)

if-else简化写法 代码中若出现多层if-else嵌套,代码就会显得臃肿不堪,这时可采用替代方案来浓缩代码。...
  • u010425776
  • u010425776
  • 2016年10月29日 20:21
  • 1230

通过JavaScript进行登录验证

在大部分页面的首页中,都会存在用户登录的输入框。当用户输入了个人信息后(一般为用户名和密码),页面的程序通过检索和验证,如果结果为真,则跳转到子页面,如果验证后结果为假,则提示重新输入信息。而这种验证...
  • lp_frank
  • lp_frank
  • 2015年01月28日 16:13
  • 1805

JavaScript高级技巧

下述内容主要讲述了《JavaScript高级程序设计(第3版)》第22章关于“高级技巧”。 一、高级函数函数是第一等公民,所有函数都是对象。1. 安全的类型检测JavaScript内置的类型检测机制并...
  • ligang2585116
  • ligang2585116
  • 2016年05月05日 21:13
  • 6016

JavaScript奇技淫巧45招

1、首次为变量赋值时务必使用var关键字 变量没有声明而直接赋值得话,默认会作为一个新的全局变量,要尽量避免使用全局变量。 2、使用===取代== ==和!=操作符会在需要的情况下自...
  • wanglei19880622
  • wanglei19880622
  • 2016年02月22日 10:09
  • 879

45个实用的JavaScript技巧、窍门和最佳实践

http://blog.csdn.net/kakaxi_77/article/details/40265107 http://blog.jobbole.com/54495/ 需要注...
  • qq_36026721
  • qq_36026721
  • 2017年01月03日 22:53
  • 183

JavaScript - 表单验证实例

表单验证1 表单验证
  • wangzi11322
  • wangzi11322
  • 2015年04月26日 14:01
  • 4766

javascript小例子--实现邮箱验证的功能

.html代码如下: 字符串实例 function check(){ var obj=document.getElementById("email");//.getElemen...
  • yayun0516
  • yayun0516
  • 2014年11月26日 13:28
  • 797

最全面的JavaScript调试技巧总结

最全面的JavaScript调试技巧总结
  • qq_26676207
  • qq_26676207
  • 2016年11月17日 11:27
  • 2145

javascript技巧整理(2)

11、原生JavaScript加入收藏夹 function AddFavorite(sURL, sTitle) { try { window.external.addFavo...
  • yuluo727282752
  • yuluo727282752
  • 2013年12月02日 19:11
  • 340

MySQL开发技巧学习笔记二

本文内容来自MySQL开发技巧(二)MySQL开发技巧学习笔记二行列转换行转列使用场景: 1.每天记录的销售额,转为每月的销售额 2.学生成绩转为按科目记 例子共有两张表,user1用户表和...
  • winfredzen
  • winfredzen
  • 2017年01月09日 17:21
  • 328
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javaScript技巧(2)表单提交验证类
举报原因:
原因补充:

(最多只允许输入30个字)