`
hwpok
  • 浏览: 251853 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

javascript 验证表单 工具

阅读更多
<!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> -->*
WRITE BY:惠万鹏
DATE    :
2008-06-12
VARSION :
1.0
SUMMARY :
function obj$(id)                       根据id得到对象
function val$(id)                       根据id得到对象的值
function trim(str)                      删除左边和右边空格
function ltrim(str)                     删除左边空格
function rtrim (str)                    删除右边空格
function isEmpty(str)                   字串是否有值
function equals(str1, str2)             比较两字符串是否相等
function equalsIgnoreCase(str1, str2)   忽略大小写比较两个字符串是否相等
function isChinese(str)                 判断是否中文
function isEmail(strEmail)              是否电子邮件
function isImg(str)                     是否是一个图片格式的文件jpg|jpeg|swf|gif
function isInteger(str)                 是否是一个整数
function isFloat                        是否是一个浮点数
function isPost(str)                     是否邮编(1位至6位
function isMobile(str)                  是否是手机号
function isPhone(str)                   是否是电话号码必须包含区号,可以含有分机号
function isQQ(str)                      是否合法的QQ号码           
function isIP(str)                      是否是合法的IP
function isDate(str)                     是否日期类型(例:2005-12-12)
function isIdCardNo(idNumber)           是否是合法的身份证号
*/

/**
*根据对象的id得到对象
*id:对象的id
*/
function obj$(id)
{
    
return document.getElementById(id);
}

/**
*根据对象的id得到对象的值
*id:对象的id
*/
function val$(id)
{
    
var obj = document.getElementById(id);
    
if(obj !== null)
    {
        
return obj.value;
    }
    
return null;
}

/**
*去掉字符串的前后空格
*str:将要除去空格的字符串
*/
function trim(str)
{
    
return str.replace(/(^\s*)|(\s*$)/g, ''); 
}

/**
*去掉字符串前的空格
*str:将要除去空格的字符串
*/
function ltrim(str)
{
    
return str.replace(/^\s*/g,'');
}

/**
*去掉字符串后的空格
*str:将要除去空格的字符串
*/
function rtrim(str)
{
    
return str.replace(/\s*$/,'');
}

/**
*字符串是否有值
*str:要检测的字符串
*/
function isEmpty(str)
{
    
if(str != null && str.length > 0)
    {
        
return true;
    }
    
return false;
}

/**
*比较两个字符串是否相等
*str1:要比较的字符串1
*str2:要比较的字符串2
*/
function equals(str1, str2)
{
    
if(str1 == str2)
    {
        
return true;
    }
    
return false;
}

/**
*忽略大小写比较两个字符串是否相等
*str1:要比较的字符串1
*str2:要比较的字符串2
*/
function equalsIgnoreCase(str1, str2)
{
    
if(str1.toUpperCase() == str2.toUpperCase())
    {
        
return true;
    }
    
return false;
}

/**
*是否是中文
*str:要检测的字符串
*/
function isChinese(str)
{
   
var str = str.replace(/(^\s*)|(\s*$)/g,'');
   
if (!(/^[\u4E00-\uFA29]*$/.test(str) 
           
&& (!/^[\uE7C7-\uE7F3]*$/.test(str))))
   {
      
return false;
   }
   
return true;
}

/**
*是否是Email
*str:要检测的字符串
*/
function isEmail(str)
{
    
if(/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(str))
    {
        
return true
    }
    
return false;
}

/**
*是否是图片格式文件
*str:要测试的文件名
*/
function isImg(str)
{
    
var objReg = new RegExp("[.]+(jpg|jpeg|swf|gif)$""gi");
    
if(objReg.test(str))
    {
        
return true;
    }
    
return false;
}

/**
*是否是一个整数
*str:要检测的字符串
*/
function isInteger(str)
{
    
if(/^-?\d+$/.test(str))
    {
        
return true;
    }
    
return false;
}

/**
*是否是一个浮点数
*str:要检测的字符串
*/
function isFloat(str)
{
    
if(/^(-?\d+)(\.\d+)?$/.test(str)
    {
        
return true;
    }
    
return false;
}

/**
*是否是邮编
*str:要检测的字符串
*/
function isPost(str)
{
    
if(/^\d{1,6}$/.test(str))
    {
        
return true;
    }
    
return false;
}

/**
*是否是手机号码
*str:要检测的字符串
*/
function isMobile(str)
{
    
if(/^1[35]\d{9}/.test(str))
      {
          
return true;
      }
    
return false;
}

/**
*是否是电话号码
*str:要检测的字符串
*电话号码必须有区号,可以有分机号
*/
function isPhone(str)
{
    
if(/^(0[1-9]\d{1,2}-)\d{7,8}(-\d{1,8})?/.test(str))
    {
        
return true;
    }
    
return false;
}

/**
*是否是合法的QQ号码
*str:要检测的字符串
*/
function isQQ(str){
    
if(/^\d{5,9}$/.test(str))
    {
        
return true;
    }
    
return false;
}

/**
*是否是合法的IP
*str:要检测的字符串
*/
function isIP(str){
    
var reg = /^(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9])\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9])$/;
    
if(.test(str))
    {
        
return true;
    }
    
return false;
}

/**
*是否是一合法日期
*str:要检测的字符串
*/
function isDate(str)
{
    
var reg = /^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})-0?2-(0?[1-9]|1\d|2[0-8]))|(((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))-0?2-29-))$/;
    
if(reg.test(str))
    {
        
return true;
    }
    
return false;    
}

/**
*是否是身份证
*str:要检测的字符串
*/
function isIdCardNo(idNumber) 
{
    
var factorArr = new Array(7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1);
    
var varArray = new Array();
    
var lngProduct = 0;
    
var intCheckDigit;
    
var idNumber.length = ;

    
if ((idNumber.length != 15&& (idNumber.length != 18))
    {
        
return false;
    }    
    
for(i=0;i<idNumber.length;i++)
    {
        varArray[i] 
= idNumber.charAt(i);
        
if ((varArray[i] < '0|| varArray[i] > '9') && (i != 17))
        {
            
return false;
        }
        
else if (i < 17)
        {
            varArray[i] 
= varArray[i]*factorArr[i];
        }
    }
    
if (idNumber.length == 18)
    {
        
var date8 = idNumber.substring(6,14);
        
if (checkDate(date8) == false)
        {
            
return false;
        }        
        
for(i=0;i<17;i++)
        {
            lngProduct 
= lngProduct + varArray[i];
        }        
        intCheckDigit 
= 12 - lngProduct % 11;
        
switch (intCheckDigit)
        {
            
case 10:
                intCheckDigit 
= 'X';
                
break;
            
case 11:
                intCheckDigit 
= 0;
                
break;
            
case 12:
                intCheckDigit 
= 1;
                
break;
        }        
        
if (varArray[17].toUpperCase() != intCheckDigit)
        {
            
return false;
        }
    } 
    
else
    {       
        
var date6 = idNumber.substring(6,12);
        
if (checkDate(date6) == false)
        {
            
return false;
        }
    }
    
return true;
}
分享到:
评论

相关推荐

    javascript 验证表单 工具

    javascript验证表单工具,各种常用表单验证的正则表达式。

    表单设计Javascript工具

    3. **事件处理**:利用JavaScript的事件监听器,可以在用户与表单交互时执行特定操作,如点击按钮时提交表单或显示错误提示。 4. **表单提交**:JavaScript可以实现无刷新提交,通过AJAX技术将表单数据发送到服务器...

    基于JavaScript的表单验证.zip

    在表单验证中,JavaScript可以通过监听表单的`submit`事件来阻止默认提交行为,然后逐个检查输入字段的值。可以使用`document.getElementById`或`document.querySelector`等方法获取表单元素,再利用`value`属性获取...

    javascript表单验证方式一

    1. **基本的JavaScript验证** 在HTML表单中,我们可以为输入元素添加`onsubmit`事件监听器,当用户尝试提交表单时触发JavaScript函数进行验证。例如: ```html ()"&gt; &lt;!-- 表单元素 --&gt; ``` 在JavaScript部分...

    javascript验证表单大全

    "javascript验证表单大全"这个主题涵盖了使用JavaScript进行表单验证的各种方法和技术,旨在为开发者提供全面的参考。以下是对这个主题的详细阐述: 一、表单验证的重要性 表单验证是确保用户输入数据有效性和安全...

    javascript表单正则验证自定义提示

    JavaScript中的表单验证通常在`onsubmit`事件处理程序中进行,该处理程序会在用户尝试提交表单时触发。首先,我们可以遍历表单中的每个元素,然后针对每个需要验证的元素应用正则表达式。 例如,假设我们有一个要求...

    JavaScript表单验证模板

    当用户提交表单或改变输入值时,对应的函数会被调用执行验证逻辑。 3. **DOM操作**:Document Object Model (DOM)允许JavaScript访问和修改HTML元素。通过`document.getElementById`、`querySelector`或`...

    javascript表单验证器三方库.zip

    总的来说,"javascript表单验证器三方库.zip" 提供了一个强大的工具,用于处理JavaScript表单验证,它具有可配置性、递归数据验证等特性,是开发高效、健壮的Web应用的重要辅助工具。无论是初学者还是经验丰富的...

    javaScript实现的表单验证,省市级联

    正则表达式是JavaScript中进行字符串匹配和验证的强大工具,通过编写不同的正则模式,我们可以检查输入是否符合邮箱格式、电话号码格式、日期格式等各种规则。例如,验证邮箱格式的正则表达式可能是`/^\w+@[a-zA-Z_]...

    Javascript表单验证控件(Validator v1.05)

    - **表单验证**:是指在用户提交表单前,通过JavaScript检查输入数据的过程,以防止无效或错误的信息被发送到服务器。 - **验证规则**:是定义在特定字段上的条件,例如“非空”,“邮箱格式”,“数字范围”等,...

    纯javascript弹出框验证表单(Check.js)

    Check.js会监听表单的提交事件,当用户尝试提交表单时,它会遍历所有带`data-rule`属性的元素并执行相应的验证规则。如果验证失败,Check.js会通过弹出框展示错误信息。 此外,Check.js还支持AJAX验证。这允许...

    javascript表单验证例子

    2. **添加事件监听器**:通常我们会对`onsubmit`事件进行监听,当用户尝试提交表单时触发验证。此外,也可以使用`addEventListener`来添加`change`、`keyup`等事件,实现实时验证。 3. **编写验证函数**:在验证...

    javascript表单验证类

    JavaScript表单验证类是提高Web应用质量的重要工具。通过合理设计和使用,可以有效地增强用户体验,保障数据安全,同时减轻服务器负担。开发者可以根据项目需求,自定义验证规则,扩展验证类功能,使之更适应实际...

    JavaScript日历代码,验证页面表单输入数据代码

    1. 表单事件:如onsubmit、onchange等,这些事件可以在用户提交表单或更改输入时触发验证。 2. 验证函数:编写函数来检查输入值的格式、长度、有效性,例如邮箱、电话号码、日期等。 3. 错误提示:当验证失败时,向...

    Javascript 表单验证对象控件 + ajax简单验证重复项与ajax提交数据

    // 提交表单或继续其他操作 } }); ``` 在上面的代码中,我们创建了一个Ajax请求,发送JSON数据到服务器的'/api/check-duplicate'端点,并在收到响应后调用回调函数。服务器应返回一个JSON对象,指示用户名是否已...

    js表单验证工具

    JavaScript表单验证工具是Web开发中的重要组成部分,主要用于在用户提交数据前检查输入是否符合预设规则,确保数据的有效性和安全性。在这个项目中,开发者花费了三天时间编写了一个JavaScript库,专注于表单验证...

    javascript&正则表达式进行表单验证

    2. **提交前验证**:在用户尝试提交表单之前,一次性检查所有字段。这种方式可以确保所有数据都符合要求,但可能无法提供逐个字段的即时反馈。 3. **服务器端验证**:即使前端验证通过,仍需在服务器端进行验证,以...

    javascript实现注册表单

    其次,**正则匹配**是验证中的核心工具。JavaScript的`test()`方法或`match()`方法可以配合正则表达式来检查字符串是否符合特定模式。例如,验证密码强度时,可以使用正则表达式来检测是否包含大写字母、小写字母、...

    javascript表单验证代码集合

    1. **用户体验优先**:在用户提交表单前就进行验证,并给予清晰的错误提示。 2. **渐进增强**:先实现基本功能,再逐步添加更复杂的验证逻辑。 3. **可维护性**:保持代码结构清晰,易于理解和维护。 4. **安全性...

    javascript简单表单验证

    总的来说,JavaScript表单验证是一种关键的前端技术,能够有效地防止无效数据的提交,提高用户满意度。通过熟练掌握这些基本技巧,你可以创建出更加健壮和友好的表单交互。在实际项目中,还可以结合AJAX异步提交,使...

Global site tag (gtag.js) - Google Analytics