`

表单提交验证类

阅读更多
屏蔽功能类 

1.1 屏蔽键盘所有键 
<script language="javascript"> 
<!-- 
function document.onkeydown(){ 
event.keyCode = 0; 
event.returnvalue = false; 
} 
--> 
</script> 

1.2 屏蔽鼠标右键 

在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> 


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

<script language="javascript"> 
<!-- 
//屏蔽鼠标右键、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 键不放, 
用鼠标点掉警告框,这种屏蔽方法就失效了。以后若 
有哪位高手有真正屏蔽 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") 
*/ 
//--> 
</script> 

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

<script language=javascript> 
function window.onbeforeunload() 
{ 
if(event.clientX>document.body.clientWidth&&event.clientY<0||event.altKey) 
{ 
window.event.returnvalue = ""; 
} 
} 
</script> 

或者使用全屏打开页面 

<script language="javascript"> 
<!-- 
window.open(www.32pic.com,"32pic","fullscreen=3,height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no"); 
--> 
</script> 

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

1.5屏蔽F5键 

<script language="javascript"> 
<!-- 
function document.onkeydown() 
{ 
if ( event.keyCode==116) 
{ 
event.keyCode = 0; 
event.cancelBubble = true; 
return false; 
} 
} 
--> 
</script> 

1.6屏蔽IE后退按钮 

在你链接的时候用 <a href="javascript:location.replace(url)"> 

1.7屏蔽主窗口滚动条 

在body标签里加上 style="overflow-y:hidden" 

1.8 屏蔽拷屏,不断地清空剪贴板 

在body标签里加上onload="setInterval('clipboardData.setData(\'Text\',\'\')',100)" 

1.9 屏蔽网站的打印功能 

<style> 
@media print { 
* { display: none } 
} 
</style> 

1.10 屏蔽IE6.0 图片上自动出现的保存图标 

方法一: 
<META HTTP-EQUIV="imagetoolbar" CONTENT="no"> 
方法二: 
<img galleryimg="no"> 

1.11 屏蔽页中所有的script 

<noscrript></noscript> 

<script language="javascript"> 
<!-- 
function CheckForm() 
{ 
if (document.form.name.value.length == 0) { 
alert("请输入您姓名!"); 
document.form.name.focus(); 
return false; 
} 
return true; 
} 
--> 
</script> 

2.2 比较两个表单项的值是否相同 

<script language="javascript"> 
<!-- 
function CheckForm() 
if (document.form.PWD.value != document.form.PWD_Again.value) { 
alert("您两次输入的密码不一样!请重新输入."); 
document.ADDUser.PWD.focus(); 
return false; 
} 
return true; 
} 
--> 
</script> 

2.3 表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等 

<script language="javascript"> 
<!-- 
function isNumber(String) 
{ 
var Letters = "1234567890-"; //可以自己增加可输入值 
var i; 
var c; 
if(String.charAt( 0 )=='-') 
return false; 
if( String.charAt( String.length - 1 ) == '-' ) 
return false; 
for( i = 0; i < String.length; i ++ ) 
{ 
c = String.charAt( i ); 
if (Letters.indexOf( c ) < 0) 
return false; 
} 
return true; 
} 
function CheckForm() 
{ 
if(! isNumber(document.form.TEL.value)) { 
alert("您的电话号码不合法!"); 
document.form.TEL.focus(); 
return false; 
} 
return true; 
} 
--> 
</script> 


2.4 表单项输入数值/长度限定 

<script language="javascript"> 
<!-- 
function CheckForm() 
{ 
if (document.form.count.value > 100 || document.form.count.value < 1) 
{ 
alert("输入数值不能小于零大于100!"); 
document.form.count.focus(); 
return false; 
} 
if (document.form.MESSAGE.value.length<10) 
{ 
alert("输入文字小于10!"); 
document.form.MESSAGE.focus(); 
return false; 
} 
return true; 
} 
//--> 
</script> 

2.5 中文/英文/数字/邮件地址合法性判断 

<SCRIPT LANGUAGE="javascript"> 
<!-- 

function isEnglish(name) //英文值检测 
{ 
if(name.length == 0) 
return false; 
for(i = 0; i < name.length; i++) { 
if(name.charCodeAt(i) > 128) 
return false; 
} 
return true; 
} 

function isChinese(name) //中文值检测 
{ 
if(name.length == 0) 
return false; 
for(i = 0; i < name.length; i++) { 
if(name.charCodeAt(i) > 128) 
return true; 
} 
return false; 
} 

function isMail(name) // E-mail值检测 
{ 
if(! isEnglish(name)) 
return false; 
i = name.indexOf("@"); 
j = name.lastIndexOf("@"); 
if(i == -1) 
return false; 
if(i != j) 
return false; 
if(i == name.length) 
return false; 
return true; 
} 

function isNumber(name) //数值检测 
{ 
if(name.length == 0) 
return false; 
for(i = 0; i < name.length; i++) { 
if(name.charAt(i) < "0" || name.charAt(i) > "9") 
return false; 
} 
return true; 
} 

function CheckForm() 
{ 
if(! isMail(form.Email.value)) { 
alert("您的电子邮件不合法!"); 
form.Email.focus(); 
return false; 
} 
if(! isEnglish(form.name.value)) { 
alert("英文名不合法!"); 
form.name.focus(); 
return false; 
} 
if(! isChinese(form.cnname.value)) { 
alert("中文名不合法!"); 
form.cnname.focus(); 
return false; 
} 
if(! isNumber(form.PublicZipCode.value)) { 
alert("邮政编码不合法!"); 
form.PublicZipCode.focus(); 
return false; 
} 
return true; 
} 
//--> 
</SCRIPT> 

2.6 限定表单项不能输入的字符 

<script language="javascript"> 
<!-- 

function contain(str,charset)// 字符串包含测试函数 
{ 
var i; 
for(i=0;i<charset.length;i++) 
if(str.indexOf(charset.charAt(i))>=0) 
return true; 
return false; 
} 

function CheckForm() 
{ 
if ((contain(document.form.NAME.value, "%\(\)><")) || (contain(document.form.MESSAGE.value, "%\(\)><"))) 
{ 
alert("输入了非法字符"); 
document.form.NAME.focus(); 
return false; 
} 
return true; 
} 
//--> 
</script> 
详细出处参考:http://www.jb51.net/article/333.htm
分享到:
评论

相关推荐

    jQuery完整注册表单提交验证

    在本文中,我们将深入探讨如何使用jQuery实现一个完整的用户注册表单提交验证。这个验证系统包括了多个关键的验证环节,如用户名、密码强度、显示/隐藏密码、手机号码输入控制以及手机验证码、真实姓名和身份证号的...

    Dreamweaver表单提交验证插件

    Dreamweaver表单提交验证插件是一款专为Adobe Dreamweaver设计的强大工具,它极大地提升了网页开发者在创建交互式表单时的效率和用户体验。在Web开发中,表单是收集用户信息、实现用户与服务器间数据交互的重要手段...

    Js 表单提交验证函数(很全了)

    在JavaScript中,表单提交验证是确保用户输入的数据符合预设规则的重要环节,这有助于防止无效数据的提交,提升用户体验,以及保护服务器免受恶意数据的冲击。本篇将详细介绍JavaScript表单验证函数的一些关键知识点...

    表单提交验证特效

    表单提交验证特效则是确保用户输入有效、符合预期的关键步骤。这一技术涵盖了多种验证方法和用户体验设计,旨在提供一个友好且安全的用户界面。下面将详细讨论表单验证的重要性和实现方法。 1. **表单验证的重要性*...

    jQuery完整注册表单提交验证.zip

    "jQuery完整注册表单提交验证"是一个针对此需求的解决方案,它提供了全面的验证功能,确保用户输入的数据符合预期,同时减少了服务器端的压力。本文将深入探讨jQuery如何实现这一功能,以及如何将其应用于实际项目中...

    表单提交验证

    在网页开发中,表单提交验证是至关重要的一个环节,它确保了用户输入的数据符合预设的规则,防止无效或恶意的数据进入系统。本项目主要针对前端开发者,特别是初学者,旨在通过实践来理解如何使用JavaScript进行表单...

    jquery validate表单验证插件制作注册表单提交验证

    `submitHandler`函数会在所有验证通过后被调用,你可以在这里放置处理表单提交的逻辑,例如使用AJAX向服务器发送数据。如果验证失败,`submitHandler`不会执行,表单不会被提交,从而防止无效数据的提交。 为了增强...

    from表单提交验证框架

    总结来说,"from表单提交验证框架"是基于jQuery和正则表达式的轻量级解决方案,它简化了Web表单验证的过程,让开发者能更专注于业务逻辑,而不是基础的验证逻辑。通过合理的配置和使用,可以大大提高开发效率和用户...

    js-实现原生表单提交验证.zip

    原生js表单提交验证代码下载。原生JavaScript实现,适合新手学习js。用户填写完成后,点击提交按钮,判断填写的信息是否符合要求,如不符合将弹出相应的修改信息要求,引导用户正确填写表单。

    表单验证js 提交前验证

    返回值为`false`会阻止表单提交。 3. **配置验证规则**:每个表单字段可能需要设置不同的验证规则,可以通过类名或数据属性来指定。 4. **错误提示**:当验证失败时,如何显示错误信息,可能是通过改变元素样式或...

    php+ajax表单无刷新验证

    PHP与AJAX(Asynchronous JavaScript and XML)结合的表单验证技术可以实现无刷新验证,即在用户输入时即时检查数据有效性,无需等待完整的表单提交,从而显著提升交互体验。 **一、AJAX基础** AJAX 是一种创建...

    JQuery实现表单完全验证通过后提交表单(包括手机验证,邮编验证)

    很多时候我们在提交表单时都需要对提交的数据进行校验,例如:用户名是否为空,手机格式是否正确...,如果有一项或多项验证不通过,就会给出提示,并不允许表单提交。本人还是初级王,代码写的水平不高,但是还是能...

    submit表单提交,onsubmit验证拦截

    submit表单提交,onsubmit验证拦截 免去了用button按钮click点击事件ajax请求

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    ajax验证并提交表单的两种方法博客源码

    本资源通过ajax实现对提交的form表单的验证,该代码不但有针对property验证,也有针对object验证,还有一个异步获取对象的实例;包含完整的代码和库文件;在myeclipse8.5和apache-tomcat-6.0.30测试通过;访问网址:...

    js提交表单及js表单验证

    本文将详细解释如何使用JavaScript进行表单提交以及表单验证,并通过具体的示例代码来展示各种常见验证方法。 #### 一、基本概念 表单验证是指在用户提交表单前对用户输入的数据进行检查的过程,以确保数据的有效...

    简单的表单验证

    在IT领域,表单验证是网页开发中必不可少的一部分,它确保用户输入的数据符合预设的规则,从而保证数据的有效性和安全性。"简单的表单验证"这个主题,通常涉及到JavaScript(JS)这一前端脚本语言,用于实现客户端的...

Global site tag (gtag.js) - Google Analytics