JavaScript表单验证

最新推荐文章于 2023-08-22 15:38:06 发布

李怀志

最新推荐文章于 2023-08-22 15:38:06 发布

阅读量656

点赞数

分类专栏： html学习

本文链接：https://blog.csdn.net/robertse/article/details/17511027

版权

html学习专栏收录该内容

3 篇文章 0 订阅

订阅专栏

JavaScript表单验证年龄，判断一个输入量是否符合年龄，通过正则表达式实现。
//检查年龄
function isAge(str){
   var mydate=new Date;
   var now=mydate.getFullYear();
   if (str < now-60 || str > now-18){
      return false;
   }
   return true;
}

JavaScript表单验证电话号码，判断一个输入量是否为电话号码，通过正则表达式实现。
//检查电话号码
function isTel(str){
   var reg=/^([0-9]|[\-])+$/g ;
   if(str.length<7 || str.length>18){
      return false;
   }
   else{
      return reg.exec(str);
   }
}

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验证邮箱格式
<SCRIPT LANGUAGE=javascript RUNAT=Server>
function isEmail(strEmail) {
if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
return true;
else
alert("oh");
}
</SCRIPT>
<input type=text onblur=isEmail(this.value)>

第二种：用Javascript验证email填写是否正确
<html>
<head>
<title>test</title>
<script language="javascript">
function emailCheck () {
var emailStr=document.all.form1.tel.value;
alert(emailStr);
var emailPat=/^(.+)@(.+)$/;
var matchArray=emailStr.match(emailPat);
if (matchArray==null) {
alert("电子邮件地址必须包括 ( @ 和 . )")
return false;
}
return true;
}
</script>
</head>

<body>
<form name="form1">
<input type="text" name="tel"/>
<input type="button" value="press" onclick="emailCheck()"/>
</form>

</span>
</body>
</html>

第三种：
js验证Email
function char_test(chr)
//字符检测函数
{
var i;
var smallch="abcdefghijklmnopqrstuvwxyz";
var bigch="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
for(i=0;i<26;i++)
if(chr==smallch.charAt(i) || chr==bigch.charAt(i))
  return(1);
return(0);
}

function spchar_test(chr)
//数字和特殊字符检测函数
{
var i;
var spch="_-.0123456789";
for (i=0;i<13;i++)
  if(chr==spch.charAt(i))
  return(1);
return(0);
}

function email_test(str)
{
var i,flag=0;
var at_symbol=0;
//“@”检测的位置
var dot_symbol=0;
//“.”检测的位置
if(char_test(str.charAt(0))==0 )
return (1);
//首字符必须用字母

for (i=1;i<str.length;i++)
if(str.charAt(i)=='@')
  {
  at_symbol=i;
  break;
  }
//检测“@”的位置

if(at_symbol==str.length-1 || at_symbol==0)
return(2);
//没有邮件服务器域名

if(at_symbol<3)
return(3);
//帐号少于三个字符

if(at_symbol>19 )
return(4);
//帐号多于十九个字符

for(i=1;i<at_symbol;i++)
if(char_test(str.charAt(i))==0 && spchar_test(str.charAt(i))==0)
  return (5);
for(i=at_symbol+1;i<str.length;i++)
if(char_test(str.charAt(i))==0 && spchar_test(str.charAt(i))==0)
  return (5);
//不能用其它的特殊字符

for(i=at_symbol+1;i<str.length;i++)
if(str.charAt(i)=='.') dot_symbol=i;
for(i=at_symbol+1;i<str.length;i++)
if(dot_symbol==0 || dot_symbol==str.length-1)
//简单的检测有没有“.”，以确定服务器名是否合法
return (6);

return (0);
//邮件名合法
}

使用event.keyCode来判断是否为数字
function check(obj){
if(event.keyCode == 13 || event.keyCode == 46)
return true;
if(event.keyCode < 48 || event.keyCode >57)
return false;
else
return true;
}

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 = /^[u4E00-u9FA5]+$/;
   if(!reg.test(str)){
   return false;
   }
   return true;
}

JavaScript正则比较两个字符串

就是利用正则表达式快速比较两个字符串的不同字符。

<script language="JavaScript">
var str1 = "求一个比较字符串处理功能";
var str2 = "求两或三个比较字符串处理";
var re = new RegExp("(?=.*?)[^" + str1 +"](?=.*?)|(?=.*?)[^" + str2 + "](?=.*?)", "g");
var arr;
while ((arr = re.exec(str1 + str2)) != null)
{
document.write(arr);
}
</script>

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检查是否为整数

JavaScript正则验证检查输入对象的值是否符合整数格式
输入量是str 输入的字符串
如果输入量字符串str通过验证返回true,否则返回false

function isInteger( str ){
var regu = /^[-]{0,1}[0-9]{1,}$/;
return regu.test(str);
}

JavaScript正则验证是否为空

JavaScript正则验证字符串是否为空
用途：检查输入字符串是否为空或者全部都是空格
输入量是一个字符串：str
返回：如果输入量全是空返回true,否则返回false通过正则去判断获得是是否是IP地址的格式，然后返回相应的结果

function isNull( str ){
if ( str == "" ) return true;
var regu = "^[ ]+$";
var re = new RegExp(regu);
return re.test(str);
}

正则验证IP

JavaScript正则验证IP，用途：校验ip地址的格式
输入：strIP：ip地址
返回：如果JavaScript通过验证IP返回true,否则返回false；
JavaScript验证IP代码如下通过正则去判断获得是是否是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;
}

JavaScript表单验证自定义内容

JavaScript表单验证自定义内容，这个比较好，可以自由定制输入项的内容来用JavaScript进行验证，下面demo中是表单项只能为数字和"_"，同样您可以进行扩展来达到您想要的目的。用于电话/银行帐号验证上,可扩展到域名注册等

JavaScript验证表单项不能为空

JavaScript验证表单项不能为空，这个可是很常用的哦，比如在验证表单里面的用户名不能为空等等，代码如下<script  language="javascript">

</script>

JavaScript其他屏蔽

JavaScript屏蔽IE后退按钮
在你链接的时候用

JavaScript屏蔽主窗口滚动条

在body标签里加上

onload="setInterval('clipboardData.setData(\'Text\',\'\')',100)”

JavaScript屏蔽拷屏,不断地清空剪贴板
在body标签里加上

JavaScript屏蔽网站的打印功能JavaScript屏蔽IE6.0 图片上自动出现的保存图标

方法一：

方法二：

JavaScript屏蔽页中所有的script

JavaScript屏蔽F5键

JavaScript屏蔽F5键

代码如下

JavaScipt屏蔽浏览器右上角“最小化”“最大化”“关闭”键

屏蔽浏览器右上角“最小化”“最大化”“关闭”键

或者使用全屏打开页面

注：在body标签里加上onbeforeunload="javascript:return false"（使不能关闭窗口）

JavaScript屏蔽键盘所有键

实现屏蔽键盘所有键的javascript代码如下：

JavaScript屏蔽Ctrl+N、Shift+F10、F5刷新、退格键

屏蔽鼠标右键、Ctrl+N、Shift+F10、F5刷新、退格键
function window.onhelp(){return false} //屏蔽F1帮助
function KeyDown(){
if ((window.event.altKey)&&
((window.event.keyCode==37)|| //屏蔽 Alt+ 方向键 ←
(window.event.keyCode==39))){ //屏蔽 Alt+ 方向键 →
alert("不准你使用ALT+方向键前进或后退网页！");
event.returnvalue=false;
}
注：这还不是真正地屏蔽 Alt+ 方向键，因为 Alt+ 方向键弹出警告框时，按住 Alt 键不放，用鼠标点掉警告框，这种屏蔽方法就失效了。
if ((event.keyCode == 8) &&
(event.srcElement.type != "text" &&
event.srcElement.type != "textarea" &&
event.srcElement.type != "password") || //屏蔽退格删除键
(event.keyCode==116)|| //屏蔽 F5 刷新键
(event.ctrlKey && event.keyCode==82)){ //Ctrl + R
event.keyCode=0;
event.returnvalue=false;
}
if ((event.ctrlKey)&&(event.keyCode==78)) //屏蔽 Ctrl+n
event.returnvalue=false;
if ((event.shiftKey)&&(event.keyCode==121)) //屏蔽 shift+F10
event.returnvalue=false;
if (window.event.srcElement.tagName == "A" && window.event.shiftKey)

window.event.returnvalue = false; //屏蔽 shift 加鼠标左键新开一网页
if ((window.event.altKey)&&(window.event.keyCode==115)){ //屏蔽Alt+F4
window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");
return false;}
}

另外可以用 window.open 的方法屏蔽 IE 的所有菜单
第一种方法：

window.open("你的.htm", "","toolbar=no,location=no,directories=no,menubar=no,
scrollbars=no,resizable=yes,status=no,top=0,left=0")

第二种方法是打开一个全屏的页面：

window.open("你的.asp", "", "fullscreen=yes")

JavaScript屏蔽鼠标右键

JavaScript屏蔽鼠标右键还可以在body标签里加上oncontextmenu=
self.event.returnvalue=false

或者: <script language="javascript">
function document.oncontextmenu() {
return false;
}
</script>
function nocontextmenu(){
if(document.all) {
event.cancelBubble=true;
event.returnvalue=false;
return false;
}}

或者:

<body onmousedown="rclick()" oncontextmenu= "nocontextmenu()">
<script language="javascript">
function rclick(){
if(document.all) {
if (event.button == 2){
event.returnvalue=false;
}}}
</script>

另外oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键

可用于Table

<body onselectstart="return false"> 取消选取、防止复制

oncopy="return false;" oncut="return false;" 防止复制

JavaScript验证两次输入密码是否相同

JavaScript验证两次输入密码是否相同，
通过去判断两次输入的密码是否相同来实现，
下面是html码

下面是javascript的代码

07年9月22日更新，下面的验证两次输入密码，是否相同也同样可以使用，记录下

再加一个验证两次输入密码是否相同的JavaScript代码

JavaScript屏蔽关键字

JavaScript屏蔽关键字，大概的思路就是去用javascript去替换已有的文本，达到替换的目的

function test() {

if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0)){

alert(":)");

a.b.focus();

return false;}

}

李怀志

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript表单验证

JavaScript表单验证年龄，判断一个输入量是否符合年龄，通过正则表达式实现。//检查年龄function isAge(str){ var mydate=new Date; var now=mydate.getFullYear(); if (str < now-60 || str> now-18){ returnfalse;
复制链接

扫一扫

专栏目录