在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
分享到:
相关推荐
js表单验证实例,HTML文件,javascript常用表单验证: 账号、密码、身份证等
2. **JavaScript验证**: - **事件监听**:通常使用`onsubmit`事件来触发表单验证,在表单提交时执行验证函数。 - **DOM操作**:通过`document.getElementById`、`querySelector`等获取表单元素,然后读取或修改其...
在这个"泛微oa流程L流程表单常用js大全"中,我们可以深入探讨一些在构建和定制流程表单时常见的JavaScript(js)操作。 1. **主表与明细表**: 在泛微OA中,主表通常用来存储主要的业务数据,而明细表则用于存放与...
JavaScript(简称JS)是网页开发中用于实现客户端交互和数据验证的重要工具。在网页表单设计中,实时动态验证能够极大地提升用户体验,因为它允许用户在输入时立即得到反馈,了解其填写的信息是否符合要求,无需等待...
二、自定义JavaScript验证 当内置验证无法满足需求时,可以使用JavaScript编写自定义验证函数。以下是一个简单的例子,验证输入的密码是否匹配: ```javascript function validatePassword() { var password = ...
javascript验证表单工具,各种常用表单验证的正则表达式。
### JS验证表单大全知识点详解 #### 一、长度限制 **知识点概述:** 此功能主要用来限制用户在表单中的输入长度,确保输入的数据不会过长,这有助于提高数据处理效率并避免潜在的安全问题。 **实现代码示例:** ``...
该方法封装了表单验证的方法。引用后使用内置的方法即可。其中使用了正则表达式验证规则。
几乎包含了所有的表单验证,通过JavaScript加上正则表达式实现 几乎包含了所有的表单验证,通过JavaScript加上正则表达式实现
这篇博客"常用表单验证脚本函数"主要探讨了JavaScript中用于表单验证的一些关键函数和方法。通过学习这些函数,开发者可以创建更加健壮和用户友好的表单。 1. **required属性**:这是HTML5引入的一个特性,可以在...
### JavaScript表单常用验证集合:应用技巧 在Web开发中,表单验证是确保用户输入数据有效性和安全性的重要环节。JavaScript作为前端开发的核心语言之一,提供了丰富的工具来实现这一目标。本文将详细介绍几种常见...
JavaScript验证表单大全 包括常用的许多函数!
JavaScript是一种常用的客户端脚本语言,它允许我们在用户的浏览器上运行代码,对用户提交的数据进行实时验证,避免无效或恶意的数据发送到服务器,从而提高用户体验和系统的安全性。 【描述】虽然描述信息为空,但...
JavaScript是Web开发中不可或缺的一部分,特别是在处理用户交互和表单验证时。表单验证是确保用户输入的数据符合预期格式和规则的关键步骤,可以减少服务器端的处理负担,提高用户体验。以下是一些关于JavaScript...
JavaScript 是一种常用的客户端脚本语言,它可以直接在用户的浏览器上运行,用于实现表单验证。在这个场景中,我们需要实现的功能是:在JavaScript中禁止用户在表单字段中输入中文汉字。 首先,我们要理解如何检测...
常用js表单验证....................
本文将深入探讨JavaScript(简称js)在表单验证中的应用,包括基础验证方法以及如何实现自定义验证。 一、JavaScript表单验证基础 1. 验证事件:在JavaScript中,我们可以监听表单的`submit`事件,当用户尝试提交...
### JS验证表单大全知识点详解 #### 一、JS字符串长度限制、判断字符长度、JS限制输入、限制不能输入、Textarea长度限制 1. **基本原理:** - 使用JavaScript来控制用户输入的长度。 - 通过监听`onkeyup`事件,...
JavaScript(JS)是前端开发中进行表单验证的常用语言,结合正则表达式可以实现高效且灵活的验证逻辑。下面我们将详细探讨如何使用JavaScript进行表单验证以及一些常用的正则表达式。 首先,JavaScript提供了两种...
在表单验证中,JavaScript可以通过监听表单的`submit`事件来阻止默认提交行为,然后逐个检查输入字段的值。可以使用`document.getElementById`或`document.querySelector`等方法获取表单元素,再利用`value`属性获取...