首页 web前端 js教程 工作中常用到的JS表单验证代码(包括例子)_表单特效

工作中常用到的JS表单验证代码(包括例子)_表单特效

May 16, 2016 pm 06:16 PM
表单验证

复制代码 代码如下:

////----------------Author Teng-------------
//验证是否为空
function check_blank(obj, obj_name){
if(obj.value != ''){
return true;
}else{
alert(obj_name + "所填不能为空!");
obj.value = "";
return false;
}
}

//过滤输入字符的长度
function check_str_len(name,obj,maxLength){
obj.value=obj.value.replace(/(^\s*)|(\s*$)/g, "");
var newvalue = obj.value.replace(/[^\x00-\xff]/g, "**");
var length11 = newvalue.length;
if(length11>maxLength){
alert(name+"的长度不能超过"+maxLength+"个字符!");
obj.value="";
obj.focus();
}
}

//验证只能为数字
function checkNumber(obj){
var reg = /^[0-9]+$/;
if(obj.value!=""&&!reg.test(obj.value)){
alert('只能输入数字!');
obj.value = "";
obj.focus();
return false;
}
}

//验证数字大小的范围

function check_num_value(obj_name,obj,minvalue,maxvalue){
var reg = /^[0-9]+$/;
if(obj.value!=""&&!reg.test(obj.value)){
alert(obj_name+'只能输入数字!');
obj.value = "";
obj.focus();
return false;
}else if(minvalue>obj.value||obj.value>maxvalue){
alert(obj_name+"的范围是"+minvalue+"-"+maxvalue+"!");
obj.value="";
obj.focus();
return false;
}

}

//验证只能是字母和数字
function checkZmOrNum(zmnum){
var zmnumReg=/^[0-9a-zA-Z]*$/;
if(zmnum.value!=""&&!zmnumReg.test(zmnum.value)){
alert("只能输入是字母或者数字,请重新输入");
zmnum.value="";
zmnum.focus();
return false;
}
}

//验证双精度数字
function check_double(obj,obj_name){
var reg = /^[0-9]+(\.[0-9]+)?$/;
if(obj.value!=""&&!reg.test(obj.value)){
alert(obj_name+'所填必须为有效的双精度数字');
obj.value = "";
obj.focus();
return false;
}
}


//复选框全选
function checkboxs_all(obj,cName){
var checkboxs = document.getElementsByName(cName);
for(var i=0;icheckboxs[i].checked = obj.checked;
}
}


//验证邮政编码
function check_youbian(obj){
var reg=/^\d{6}$/;
if(obj.value!=""&&!reg.test(obj.value)){
alert('邮政编码格式输入错误!');
obj.value = "";
obj.focus();
return false;
}
}

//验证邮箱格式
function check_email(obj){
var reg = /^[a-zA-Z0-9_-]+(\.([a-zA-Z0-9_-])+)*@[a-zA-Z0-9_-]+[.][a-zA-Z0-9_-]+([.][a-zA-Z0-9_-]+)*$/;
if(obj.value!=""&&!reg.test(obj.value)){
obj.select();
alert('电子邮箱格式输入错误!');
obj.value = "";
obj.focus();
return false;
}
}

/*验证固定电话号码
0\d{2,3} 代表区号
[0\+]\d{2,3} 代表国际区号
\d{7,8} 代表7-8位数字(表示电话号码)
正确格式:区号-电话号码-分机号(全写|只写电话号码)
*/

function check_phone(obj){
var reg=/^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/;
if(obj.value!=""&&!reg.test(obj.value)){
alert('电话号码格式输入错误!');
obj.value = "";
obj.focus();
return false;
}
}

//验证手机号码(检验13,15,18开头的手机号!)
function check_telephone(obj){
var reg= /^[1][358]\d{9}$/;
if(obj.value!=""&&!reg.test(obj.value)){
alert('手机号码格式输入错误!');
obj.value = "";
obj.focus();
return false;
}
}

//验证是否为中文
function isChinese(obj,obj_name){
var reg=/^[\u0391-\uFFE5]+$/;
if(obj.value!=""&&!reg.test(obj.value)){
alert(obj_name+'必须输入中文!');
obj.value = "";
obj.focus();
return false;
}
}

//判断是否是IE浏览器

function checkIsIE(){
if(-[1,]){
alert("这不是IE浏览器!");
}else{
alert("这是IE浏览器!");
}
}

//验证是否为正确网址
function check_IsUrl(obj){


}

//检验时间大小(与当前时间比较)
function checkDate(obj,obj_name){
var obj_value=obj.value.replace(/-/g,"/");//替换字符,变成标准格式(检验格式为:'2009-12-10')
// var obj_value=obj.value.replace("-","/");//替换字符,变成标准格式(检验格式为:'2010-12-10 11:12')
var date1=new Date(Date.parse(obj_value));
var date2=new Date();//取今天的日期
if(date1>date2){
alert(obj_name+"不能大于当前时间!");
return false;
}
}
/// Copyright © 2010-2012 com.zljy.teng.js////
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

php如何使用CodeIgniter4框架? php如何使用CodeIgniter4框架? May 31, 2023 pm 02:51 PM

PHP是一种非常流行的编程语言,而CodeIgniter4是一种常用的PHP框架。在开发Web应用程序时,使用框架是非常有帮助的,它可以加速开发过程、提高代码质量、降低维护成本。本文将介绍如何使用CodeIgniter4框架。安装CodeIgniter4框架CodeIgniter4框架可以从官方网站(https://codeigniter.com/)下载。下

如何使用Flask-WTF实现表单验证 如何使用Flask-WTF实现表单验证 Aug 03, 2023 pm 06:53 PM

如何使用Flask-WTF实现表单验证Flask-WTF是一个用于处理Web表单验证的Flask扩展,它提供了一种简洁、灵活的方式来验证用户提交的数据。本文将向您展示如何使用Flask-WTF扩展来实现表单验证。安装Flask-WTF要使用Flask-WTF,首先需要安装它。可以使用pip命令来安装:pipinstallFlask-WTF导入所需模块在F

Laravel开发:如何使用Laravel Validation验证表单请求? Laravel开发:如何使用Laravel Validation验证表单请求? Jun 13, 2023 pm 01:34 PM

Laravel是一个流行的PHPWeb开发框架,它提供了很多方便的功能来加快开发者的工作。其中,LaravelValidation是一种非常实用的功能,它可以帮助我们轻松地验证表单请求和用户输入的数据。本文就将介绍如何使用LaravelValidation验证表单请求。什么是LaravelValidationLaravelValidation是La

如何使用Golang实现Web应用程序的表单验证 如何使用Golang实现Web应用程序的表单验证 Jun 24, 2023 am 09:08 AM

表单验证是Web应用程序开发中非常重要的一个环节,它能够在提交表单数据之前对数据进行有效性检查,避免应用程序出现安全漏洞和数据错误。使用Golang可以轻松地实现Web应用程序的表单验证,本文将介绍如何使用Golang来实现Web应用程序的表单验证。一、表单验证的基本要素在介绍如何实现表单验证之前,我们需要知道表单验证的基本要素是什么。表单元素:表单元素是指

如何在Laravel中使用中间件处理表单验证 如何在Laravel中使用中间件处理表单验证 Nov 02, 2023 pm 03:57 PM

如何在Laravel中使用中间件处理表单验证,需要具体代码示例引言:在Laravel中,表单验证是非常常见的任务。为了确保用户输入的数据的有效性和安全性,我们通常会对表单提交的数据进行验证。Laravel提供了一个方便的表单验证功能,同时也支持使用中间件来处理表单验证。本文将详细介绍如何在Laravel中使用中间件处理表单验证,并提供具体的代码示例

PHP表单验证技巧:如何使用filter_input函数检验用户输入 PHP表单验证技巧:如何使用filter_input函数检验用户输入 Aug 01, 2023 am 08:51 AM

PHP表单验证技巧:如何使用filter_input函数检验用户输入引言:在开发Web应用程序时,表单是与用户进行交互的重要工具。而正确地验证用户输入,是保证数据的完整性和安全性的关键步骤之一。PHP提供了filter_input函数,可以方便地对用户输入进行验证和过滤。本文将介绍如何使用filter_input函数来检验用户输入,并提供相关的代码示例。一、

PHP中的表单验证和过滤方法? PHP中的表单验证和过滤方法? Jun 29, 2023 pm 10:04 PM

PHP作为一种广泛应用于Web开发的脚本语言,其表单验证和过滤是非常重要的一部分。在用户提交表单的过程中,需要对用户输入的数据进行验证和过滤,以确保数据的安全性和有效性。本文将介绍PHP中如何进行表单验证和过滤的方法和技巧。一、表单验证表单验证是指对用户输入的数据进行检查,以确保数据符合特定的规则和要求。常见的表单验证包括对必填项的验证、邮箱格式、手机号码格

如何使用Hyperf框架进行表单验证 如何使用Hyperf框架进行表单验证 Oct 20, 2023 pm 02:04 PM

如何使用Hyperf框架进行表单验证引言:随着Web应用程序的发展,表单验证成为了保证数据的准确性和安全性的重要环节。Hyperf框架作为一款高性能的PHP开发框架,提供了强大的表单验证功能,本文将介绍如何使用Hyperf框架进行表单验证,并提供具体的代码示例。一、安装Hyperf框架:使用Composer进行安装:composercreate-proje

See all articles