`

分享原生JavaScript技巧大收集(71~80)验证篇

阅读更多

文章来源:jquery教程 - http://www.jq-school.com/Show.aspx?id=310

分享原生JavaScript技巧大收集(71~80)验证篇这一篇文章主要是收集了10个比较常用表单验证功能,包括了邮箱、危险字符、验证长度、验证网址、验证小数、整数、浮点数等常用的验证,有了这些代码片段,平时的表单验证也可以不需要jquery的验证插件了,希望可以帮到网友们。。。

  71、原生JavaScript判断是否为邮箱

function isEmail(str){
    var re=/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/; 
	if (re.test(str) != true) {
		return false;
	}else{
		return true;
	}	
}


72、原生JavaScript判断是否有列表中的危险字符

function isValidReg(chars){
	var re=/<|>|\[|\]|\{|\}|『|』|※|○|●|◎|§|△|▲|☆|★|◇|◆|□|▼|㊣|﹋|⊕|⊙|〒|ㄅ|ㄆ|ㄇ|ㄈ|ㄉ|ㄊ|ㄋ|ㄌ|ㄍ|ㄎ|ㄏ|ㄐ|ㄑ|ㄒ|ㄓ|ㄔ|ㄕ|ㄖ|ㄗ|ㄘ|ㄙ|ㄚ|ㄛ|ㄜ|ㄝ|ㄞ|ㄟ|ㄢ|ㄣ|ㄤ|ㄥ|ㄦ|ㄧ|ㄨ|ㄩ|■|▄|▆|\*|@|#|\^|\\/;
	if (re.test( chars) == true) {
		return false;
	}else{
		return true;
	}	
}


73、原生JavaScript判断字符串是否大于规定的长度

function isValidLength(chars, len) {
	if (chars.length < len) {
		return false;
	}
	return true;
}


74、原生JavaScript判断字符串是为网址不区分大小写

function isValidURL( chars ) {
	var re=/^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(\S+\.\S+)$/;
	if (!isNULL(chars)) {
		chars = jsTrim(chars);
		if (chars.match(re) == null)
			return false;
		else
			return true;
	}
	return false;
}


75、原生JavaScript判断字符串是否为小数

function isValidDecimal( chars ) {
	var re=/^\d*\.?\d{1,2}$/;
	if (chars.match(re) == null)
		return false;
	else
		return true;
}


76、原生JavaScript判断字符串是否为整数

function isNumber( chars ) {
	var re=/^\d*$/;
	if (chars.match(re) == null)
		return false;
	else
		return true;
}


77、原生JavaScript判断字符串是否为浮点数

function isFloat( str ) {
	for(i=0;i<str.length;i++)  {
	   if ((str.charAt(i)<"0" || str.charAt(i)>"9")&& str.charAt(i) != '.'){
			return false;
	   }
	}
	return true;
}


78、原生JavaScript判断字符是否为A-Za-z英文字母

function isLetters( str ){
	var re=/^[A-Za-z]+$/;
	if (str.match(re) == null)
		return false;
	else
		return true;
}


79、原生JavaScript判断字符串是否邮政编码

function isValidPost( chars ) {
	var re=/^\d{6}$/;
	if (chars.match(re) == null)
		return false;
	else
		return true;
}


80、原生JavaScript判断字符是否空NULL

function isNULL( chars ) {
	if (chars == null)
		return true;
	if (jsTrim(chars).length==0)
		return true;
	return false;
}
 
分享到:
评论

相关推荐

    原生Javascript开发让你的表单亮起来

    原生JavaScript开发能帮助我们更好地控制和美化这些表单,使其更具交互性和吸引力。本文将深入探讨如何利用JavaScript来提升表单的用户体验,使其“亮起来”。 一、表单事件处理 原生JavaScript允许我们直接对表单...

    JavaScript最常用的55个经典技巧

    这篇博客“JavaScript最常用的55个经典技巧”分享了一些实用的编程技巧,帮助开发者提高效率和代码质量。以下是对这些技巧的详细解读: 1. **变量声明与作用域**:理解var、let和const的区别,避免全局污染,正确...

    html javascript lesson7

    5. **jQuery库**:虽然原生JavaScript已经足够强大,但jQuery简化了很多常见任务,如DOM操作、事件处理和动画。学习者可能被介绍到jQuery的基本用法及其如何提高开发效率。 6. **表单处理**:HTML表单是收集用户...

    30secondsofcode中文版翻译收集有用的Javascript片段你可以在30秒或更少的时间里理解

    **30秒速成代码:JavaScript实用技巧** 在编程领域,效率至关重要,尤其是在JavaScript的世界里。"30 seconds of code" 是一个广受欢迎的开源项目,它汇集了一系列简洁、实用的JavaScript代码片段,旨在帮助开发者...

    web前端期末大作业——仿小米商城电商平台(6页) html+css+javascript网页设计实例 企业网站制作

    - **原生JavaScript**: 项目中提到使用了原生JavaScript技术,这意味着没有依赖任何第三方库或框架,而是直接使用浏览器内置的JavaScript功能来实现动态效果。 - **鼠标滑过特效**: 这种效果通常是通过监听鼠标...

    大四web前端网页制作课作业——HTML+CSS+JavaScript仿小米手机商城网站(37页d

    JavaScript是一种强大的编程语言,可以用来添加动态功能和交互性,比如实现鼠标滑过效果、表单验证等。 - **原生技术的应用**:这里特别强调了“原生”的HTML、CSS和JavaScript,这意味着没有使用任何框架或库。...

    网页常用小技巧

    在网页设计和开发的世界里,掌握一系列实用的小技巧可以极大地提升工作效率和页面的用户体验。以下是一些关于"网页常用小技巧"的详细说明,这些技巧是前端工程师在日常工作中不可或缺的技能。 1. **响应式设计**:...

    AngularJS手动表单验证

    这对于AngularJS来说至关重要,因为AngularJS需要绕过原生的表单验证,以便使用自己的验证逻辑。因此,当你使用AngularJS进行表单验证时,必须在form元素上添加novalidate="novalidate"。 其次,form元素需要有一个...

    Chrome浏览器v8引擎源代码

    通过阅读源代码,开发者可以理解这些特性的实现细节,这对于提升JavaScript编程技巧和优化代码性能有很大帮助。 V8引擎还采用了垃圾回收机制(Garbage Collection,GC)来管理内存,确保内存的有效利用和避免内存...

    html网页特效-百例

    原生JavaScript的`alert()`、`confirm()`和`prompt()`函数可以弹出对话框,而更复杂的提示可以通过自定义模态框实现。 10. **时间(Time)**:HTML5的`&lt;time&gt;`标签用于标记日期和时间,可以与JavaScript配合,实现...

    RocketBot是ApacheSkyWalking的前端UI

    Apache SkyWalking是一款开源的应用性能监控(APM)系统,专为微服务、云原生架构设计。它提供了一套强大的监控和诊断工具,能够帮助开发者和运维人员深入理解其分布式系统的运行状况,包括服务发现、调用链追踪、...

    CSS样式表单美化系列

    9. **表单验证**:除了前端样式,CSS也可以配合JavaScript进行简单的表单验证,通过修改元素的`invalid`伪类,可以实时反馈用户输入的合法性。 10. **无障碍性**:确保表单对所有用户友好,包括视障人士。通过设置`...

    VS 2017 H5 Demo

    HTML5表单是网页中收集用户输入数据的重要组成部分,它提供了一系列新属性、元素和API,增强了表单验证、输入类型以及用户界面的可用性。可能包含的文件有HTML文件(如index.html)用于展示表单结构,CSS文件(如...

    app学习资料

    此外,appcan支持基于Web技术开发原生功能,这意味着你可以使用JavaScript API来调用设备硬件功能,如摄像头、GPS定位、陀螺仪等。因此,学习如何使用这些API是appcan开发的重要环节。例如,了解如何获取和处理用户...

    EXT中文教程

    Ext通过Element的静态方法`select`或`query`可以方便地获取页面中的多个DOM节点,这比原生JavaScript的DOM选择器更加灵活和强大。 - **响应事件** Ext提供了一套事件处理机制,使开发者能够轻松地为DOM元素绑定...

    ASP调查源码

    虽然ASP本身不支持AJAX,但可以通过JavaScript库如jQuery或原生XMLHttpRequest对象实现异步更新,提高用户体验,如实时显示投票结果。 10. CSS和JavaScript: 为了美化界面和增强交互性,通常会结合CSS...

    CRM系统 源代码

    1. 客户管理:这是CRM系统的基础,通过收集、整理和分析客户信息,如姓名、联系方式、购买历史等,以便更好地了解客户需求和行为模式。 2. 销售管理:系统可以帮助销售团队跟踪销售机会,管理销售流程,从潜在客户...

    ioscodesnippet.github.io:新 ioscodesnippet.com 的测试版页面

    【描述】中的“这是一个关于 iOS 开发的自包含的鼓舞人心的小片段的集合”意味着该网站收集了各种实用的、激发灵感的 iOS 代码片段,这些片段涵盖了不同的功能实现和编程技巧,且在一个独立的环境中可以运行和测试,...

    一个问卷小程序源码.zip

    本篇将深入探讨“一个问卷小程序源码.zip”中的核心概念和技术,帮助读者理解并掌握小程序开发的基本流程和关键技巧。 1. **微信小程序基础** 微信小程序是腾讯公司推出的一种轻应用平台,开发者可以利用其提供的...

Global site tag (gtag.js) - Google Analytics