JavaScript表单验证与功能屏蔽技术

46 浏览量更新于2024-08-29 收藏 56KB PDF 举报

本文主要介绍了如何使用JavaScript进行表单提交验证以及实现页面功能的屏蔽，包括屏蔽键盘按键、鼠标右键、特定组合键等，以增强表单安全性和用户体验。在Web开发中，表单提交验证是确保用户输入数据有效性和安全性的重要环节。通过JavaScript，我们可以实现客户端的实时验证，减轻服务器端的压力，并提供即时反馈给用户。以下是一些常见的表单验证方法和页面功能屏蔽技术： 1. **键盘按键屏蔽**： - 1.1 阻止所有键盘键的触发：可以通过监听`document.onkeydown`事件并设置`event.keyCode = 0`和`event.returnValue = false`来阻止键盘输入的任何效果。这样，当用户按下任意键时，浏览器将忽略该事件。 ```javascript function document.onkeydown() { event.keyCode = 0; event.returnValue = false; } ``` 2. **鼠标右键屏蔽**： - 2.1 通过在`<body>`标签中添加`oncontextmenu="self.event.returnValue=false"`可以禁止鼠标右键菜单显示。 - 2.2 另外，还可以自定义函数如`document.oncontextmenu()`或`nocontextmenu()`来实现相同效果。 ```javascript function document.oncontextmenu() { return false; } ``` 3. **组合键屏蔽**： - 例如，可以阻止用户使用`Ctrl+N`新建窗口、`Shift+F10`打开右键菜单、`F5`刷新页面、以及退格键（Backspace）： ```javascript // 监听键盘事件 function KeyDown() { if ((window.event.altKey) && ((window.event.keyCode == 37) || // 屏蔽Alt+左箭头 (window.event.keyCode == 39))) { // 屏蔽Alt+右箭头 alert("不准你使用ALT+方向键前进或后退网页！"); event.returnValue = false; } // 其他组合键的处理... } ``` 4. **其他功能屏蔽**： - 可以通过监听`window.onhelp`事件返回`false`来屏蔽F1帮助键。这些技术可以帮助开发者创建更加安全和可控的网页交互体验。然而，需要注意的是，虽然客户端验证提供了即时反馈，但为了防止恶意用户绕过，服务器端验证仍然是必不可少的。同时，过度的用户行为限制可能会影响用户体验，因此在实际应用中需要适度平衡安全与便捷性。

表单提交验证类表单提交验证类

>屏蔽功能类

1.1 屏蔽键盘所有键

<!–

function document.onkeydown(){

event.keyCode = 0;

event.returnvalue = false;

}

–>

</script>

1.2 屏蔽鼠标右键

在body标签里加上oncontextmenu=self.event.returnvalue=false

或者

<!–

function document.oncontextmenu()

{

return false;

}

–>

</script>

function nocontextmenu()

{

if(document.all) {

event.cancelBubble=true;

event.returnvalue=false;

return false;

}

或者

<!–

function rclick()

{

if(document.all) {

if (event.button == 2){

event.returnvalue=false;

}

–>

</script>

1.3 屏蔽 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 键不放，

用鼠标点掉警告框，这种屏蔽方法就失效了。以后若

有哪位高手有真正屏蔽 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屏蔽浏览器右上角“最小化”“最大化”“关闭”键

下载后可阅读完整内容，剩余3页未读，立即下载

weixin_38593723

粉丝: 5
资源: 919

JavaScript表单验证与功能屏蔽技术

jQuery完整注册表单提交验证

Dreamweaver表单提交验证插件

表单提交验证

表单提交验证特效

注册页面表单、表单提交验证

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

jquery表单提交验证插件

from表单提交验证框架

常用的表单提交验证脚本

基于jQuery实现表单提交验证

最新资源