`

表单常用JS验证

阅读更多

在Web项目中,总会或多或少的使用的Form表单,包含空字符及空格验证,验证非法字符,是否数字验证等等。

下面是一些项目中会经常使用到的表单验证方法,和大家一起分享下。

//表单验证检查空格
function chkspace(str){
	if(str.length==0){
		return true;
	}
	else{
		var strs = '';
		for(i = 0; i < str.length; i++) {
		strs = strs + ' ';
		}
		return (str==strs);
	}
}


//表单验证检查非法字符
function chkfilter(str){
	if(str.search("^[^\'`~\$\^\"]+$")==-1){
		return true;
	}
	return false;
}


//表单验证检查数字
function chknumber(str){
	if(str.search("^[^0-9]+$")>=0){
		return true;
	}
	return false;
}
 // 邮件验证正则表达式
var mail = document.getElementById("usermail").value;
if(mail search("^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$")==-1){
  alert("邮件格式非法");
  return false;
}

 以上只是个人经常使用到的几个JS验证,当然还包括JS对文本长度的验证,这对于每个form验证都是不可少的。

希望博友们也谈谈自己经常使用过的JS表单验证,和大家一起交流经验。 

下面和大家一起分享下常用的JS正则表达式:

Email : /^\w+([-+.]\w+)*@\w+([-.]\\w+)*\.\w+([-.]\w+)*$/,
Phone : /^((\(\d{3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(-[0-9]\d{2}){0,1}$/,

Mobile : /^((\(\d{3}\))|(\d{3}\-))?13\d{9}$/,
Url : /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/,

//Url : /^http:\/\/[A-Za-z0-9-]+\.[A-Za-z0-9-]+[\/=\.\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/, 

IdCard : /^\d{15}(\d{2}[A-Za-z0-9])?$/,
Currency : /^\d+(\.\d+)?$/,
Number : /^\d+$/,
Zip : /^[1-9]\d{5}$/,
QQ : /^[1-9]\d{4,8}$/,
Integer : /^[-\+]?\d+$/,
Double : /^[-\+]?\d+(\.\d+)?$/,
English : /^[A-Za-z]+$/,
Chinese :  /^[\u0391-\uFFE5]+$/,
UnSafe : /^(([A-Z]*|[a-z]*|\d*|[-_\~!@#\$%\^&\*\.\(\)\[\]\{\}<>\?\\\/\'\"]*)|.{0,5})$|\s/,

 

更多关于JS表单验证请看:http://www.52cfml.com/?p=132

0
0
分享到:
评论

相关推荐

    js表单验证实例,HTML文件,javascript常用表单验证

    js表单验证实例,HTML文件,javascript常用表单验证: 账号、密码、身份证等

    常用表单数据验证JS

    2. **JavaScript验证**: - **事件监听**:通常使用`onsubmit`事件来触发表单验证,在表单提交时执行验证函数。 - **DOM操作**:通过`document.getElementById`、`querySelector`等获取表单元素,然后读取或修改其...

    JS验证表单大全

    JS验证表单大全,常用的

    js实时动态验证表单是否合法

    JavaScript(简称JS)是网页开发中用于实现客户端交互和数据验证的重要工具。在网页表单设计中,实时动态验证能够极大地提升用户体验,因为它允许用户在输入时立即得到反馈,了解其填写的信息是否符合要求,无需等待...

    泛微oa流程L流程表单常用js大全

    在这个"泛微oa流程L流程表单常用js大全"中,我们可以深入探讨一些在构建和定制流程表单时常见的JavaScript(js)操作。 1. **主表与明细表**: 在泛微OA中,主表通常用来存储主要的业务数据,而明细表则用于存放与...

    js几种常用表单验证控件

    二、自定义JavaScript验证 当内置验证无法满足需求时,可以使用JavaScript编写自定义验证函数。以下是一个简单的例子,验证输入的密码是否匹配: ```javascript function validatePassword() { var password = ...

    javascript 验证表单 工具

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

    常用的表单验证

    该方法封装了表单验证的方法。引用后使用内置的方法即可。其中使用了正则表达式验证规则。

    常用js表单验证 正则表达式实现

    几乎包含了所有的表单验证,通过JavaScript加上正则表达式实现 几乎包含了所有的表单验证,通过JavaScript加上正则表达式实现

    常用表单验证脚本函数

    这篇博客"常用表单验证脚本函数"主要探讨了JavaScript中用于表单验证的一些关键函数和方法。通过学习这些函数,开发者可以创建更加健壮和用户友好的表单。 1. **required属性**:这是HTML5引入的一个特性,可以在...

    js表单验证(含自定义)

    本文将深入探讨JavaScript(简称js)在表单验证中的应用,包括基础验证方法以及如何实现自定义验证。 一、JavaScript表单验证基础 1. 验证事件:在JavaScript中,我们可以监听表单的`submit`事件,当用户尝试提交...

    JavaScript验证表单大全.js

    JavaScript验证表单大全 包括常用的许多函数!

    一个js验证表单

    JavaScript是一种常用的客户端脚本语言,它允许我们在用户的浏览器上运行代码,对用户提交的数据进行实时验证,避免无效或恶意的数据发送到服务器,从而提高用户体验和系统的安全性。 【描述】虽然描述信息为空,但...

    js常用的表单验证(自己收集的哦。很多的代码)

    JavaScript是Web开发中不可或缺的一部分,特别是在处理用户交互和表单验证时。表单验证是确保用户输入的数据符合预期格式和规则的关键步骤,可以减少服务器端的处理负担,提高用户体验。以下是一些关于JavaScript...

    常用的js表单验证脚本

    常用js表单验证....................

    javascript 表单验证禁止输入中文汉字

    JavaScript 是一种常用的客户端脚本语言,它可以直接在用户的浏览器上运行,用于实现表单验证。在这个场景中,我们需要实现的功能是:在JavaScript中禁止用户在表单字段中输入中文汉字。 首先,我们要理解如何检测...

    常用js表单验证.pdf

    常用js表单验证.pdf

    基于JavaScript的表单验证.zip

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

    原生js带提示留言表单验证代码.zip

    在JavaScript(JS)编程中,表单验证是网站开发中不可或缺的一部分,主要用于确保用户输入的数据符合预期格式,提高用户体验并防止无效数据提交。本资源"原生js带提示留言表单验证代码.zip"提供了一套完整的原生...

    常用的js提交表单及js表单验证代码收集.pdf

    常用的js提交表单及js表单验证代码收集.pdf

Global site tag (gtag.js) - Google Analytics