js用正则表达式来验证表单(比较齐全的资源)_javascript技巧

在学习网页中的表单验证,顺便学习下正则表达式

在网上找了后发现了一个比较齐全的资源,稍微进行了一下排版

复制代码 代码如下:

// 检查是否为有效的真实姓名,只能含有中文或大写的英文字母
function isValidTrueName(strName){
var str = Trim(strName);
//判断是否为全英文大写或全中文,可以包含空格
var reg = /^[A-Z u4E00-u9FA5]+$/;
if(reg.test(str)){
return false;
}
return true;
}

JavaScript表单验证年龄
JavaScript表单验证年龄,判断一个输入量是否符合年龄,通过正则表达式实现。

复制代码 代码如下:

//检查年龄

function isAge(str){
var mydate=new Date;
var now=mydate.getFullYear();
if (str < now-60 || str > now-18){
return false;
}
return true;
}

JavaScript表单验证电话号码
JavaScript表单验证电话号码,判断一个输入量是否为电话号码,通过正则表达式实现。

复制代码 代码如下:

<SPAN style="FONT-SIZE: 12px">//检查电话号码
</SPAN><SPAN style="FONT-SIZE: 10px">function isTel(str){
var reg=/^([0-9]|[\-])+$/g ;
if(str.length18){
return false;
}
else{
return reg.exec(str);
}
}</SPAN>

正则表达式验证邮箱
JavaScript表单验证email,判断一个输入量是否为邮箱email,通过正则表达式实现。

复制代码 代码如下:

//检查email邮箱

function isEmail(str){

var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;

return reg.test(str);

}

JavaScript表单验证中文大写字母
JavaScript表单验证中文大写字母,判断一个输入量是否为中文或大写的英文字母,通过正则表达式实现。

复制代码 代码如下:

// 检查是否为有效的真实姓名,只能含有中文或大写的英文字母

function isValidTrueName(strName){
var str = Trim(strName);
//判断是否为全英文大写或全中文,可以包含空格
var reg = /^[A-Z u4E00-u9FA5]+$/;
if(reg.test(str)){
return false;
}
return true;
}

JavaScript验证
JavaScript表单验证年龄
JavaScript表单验证年龄,判断一个输入量是否符合年龄,通过正则表达式实现。

复制代码 代码如下:

//检查年龄

function isAge(str){

var mydate=new Date;

var now=mydate.getFullYear();

if (str < now-60 || str > now-18){
return false;
}
return true;
}

关于时间日期的函数,可以参考下《JavaScript中getDate日期函数》这篇文章

JavaScript表单验证中文大写字母
JavaScript表单验证中文大写字母,判断一个输入量是否为中文或大写的英文字母,通过正则表达式实现。

复制代码 代码如下:

// 检查是否为有效的真实姓名,只能含有中文或大写的英文字母

function isValidTrueName(strName){

var str = Trim(strName);

//判断是否为全英文大写或全中文,可以包含空格

var reg = /^[A-Z u4E00-u9FA5]+$/;

if(reg.test(str)){

return false;

}

return true;

}

JavaScript表单验证是否为中文
JavaScript表单验证是否为中文,判断一个输入量是否为中文,通过正则表达式实现

复制代码 代码如下:

// 检查是否为中文
function isChn(str){
var reg = /^+$/;
if(!reg.test(str)){
return false;
}
return true;
}

JavaScript表单验证密码
JavaScript表单验证密码是检查输入框是否为有效的密码,
密码只允许由ascii组成,
此函数只在修改或注册密码时使用。
也就是说一切不是ascii组成的字符串都不能通过验证。
具体函数checkValidPasswd请看下面的演示代码

复制代码 代码如下:

function checkValidPasswd(str){
var reg = /^[x00-x7f]+$/;
if (! reg.test(str)){
return false;
}
if (str.length < 6 || str.length > 16){
return false;
}
return true;
}

JavaScript正则验证IP

复制代码 代码如下:

JavaScript正则验证IP
JavaScript正则验证IP,用途:校验ip地址的格式
输入:strIP:ip地址
返回:如果JavaScript通过验证IP返回true,否则返回false;

JavaScript验证IP代码如下

function isIP(strIP) {
if (isNull(strIP)) return false;
var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g //匹配IP地址的正则表达式
if(re.test(strIP))
{
if( RegExp.$1 <256 && RegExp.$2<256 && RegExp.$3<256 && RegExp.$4<256) return true;
}
return false;
}

通过正则去判断获得是是否是IP地址的格式,然后返回相应的结果

时间: 2024-10-29 01:13:20

js用正则表达式来验证表单(比较齐全的资源)_javascript技巧的相关文章

JS两种类型的表单提交方法实例分析_javascript技巧

本文实例分析了JS两种类型的表单提交方法.分享给大家供大家参考,具体如下: 1.原始的 <form method="post" action="/student/stureg/add" id="form1" onsubmit="return subForm();"> <button type="submit" class="button red" style="

Ajax提交与传统表单提交的区别说明_javascript技巧

Ajax提交是通过js来提交请求,请求与响应均由js引擎来处理,页面不会刷新,用户感觉不到实际上浏览器发出了请求.比如说我们希望网页总是显示最新的新闻,而又不想老是去点刷新按钮,我们就可以用Ajax机制来实现.网上的客服软件也是ajax请求的一个比较好的案例.传统的请求页面将实现刷新,因此局限性很大. 1.为什么用AJAX?使用AJAX,用户对Web的体验会更"敏捷":数据提交页面不会闪屏:页面局部更新速度快:网络带宽占用低. 2.AJAX开发相较传统模式的简单之处:传统模式下,表单提

js实现接收表单的值并将值拼在表单action后面的方法_javascript技巧

本文实例讲述了js实现接收表单的值并将值拼在表单action后面的方法.分享给大家供大家参考,具体如下: 今天遇到一个问题,在form表单中有若干个input,其中有一个上传文件的input,现在需要在点击提交按钮时,将不是文件类型的input的值得到并拼成&name=value的格式加在action后面,这样就能一同传出去了 <form id="myform" name="myform" method="post" action=

js+css实现增加表单可用性之提示文字_javascript技巧

平常设计表单的时候,我们会加入一些提示文字,比如说在搜索框里,我们会提示"请输入关键字",并在搜索框得到焦点和失去焦点的时候适时的隐藏和显示,最常见的做法是利用value来设置: 复制代码 代码如下: <form id="search"> <input type="text" id="keyword" name="keyword" value="请输入关键字">

学习vue.js表单控件绑定操作_javascript技巧

本文实例为大家分享了vue.js表单控件绑定的具体代码,供大家参考,具体内容如下 html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单控件绑定</title> </head> <body> <!-- v-model在表单控件元素上实现数据的双向绑定 -->

js和jq使用submit方法无法提交表单的快速解决方法_javascript技巧

昨天,在做一个表单异步提交内容的时候,遇到很奇怪的问题,submit()方法无法进行提交,每次提交都是把 当前给刷新了,网络抓包发现,每次都是 get方式去获取 当前页面,完全没有post 请求,想着以前 遇上这样的问题 都是因为 表单中 有 name 或者 id 这些命名跟submit 有冲突,但是检查了几次,始终没有发现 名字冲突,所以这个可能性被排除. 平常自己做触发按钮,基本不用a 标签,但是昨天不知道什么 问题,竟然用了 a 而且还给了 href 为空,由于这个a 的class 有多个

js防止表单重复提交实现代码_javascript技巧

基于令牌的处理就是一劳永逸的方法. 复制代码 代码如下: <script Language='JavaScript'> function formsubmit() { Today = new Date(); var NowHour = Today.getHours(); var NowMinute = Today.getMinutes(); var NowSecond = Today.getSeconds(); var mysec = (NowHour*3600)+(NowMinute*60)

javascript表单处理具体实现代码(表单、链接、按钮)_javascript技巧

本文实例处理各种表单, 以及链接,按钮的通用组件,教大家如何对javascript表单处理进行操作,具体内容如下 /** * Generic Form processing js * @author Anthony.chen */ /** * Push button action [btn_action]data into form * If there is prescript , run the pre script */ "use strict"; //All ajax requ

JavaScript表单焦点自动切换代码_javascript技巧

废话不多说,关键代码如下所示: ---恢复内容开始--- <html> <head> <script> window.onload=function(){ var form=document.getElementsByTagName('form')[0]; var txt=form.elements['txt1']; var txt1=form.elements['txt2']; txt.onkeyup=function(){ if(this.value.length=