下载文档原格式
目录:1:js 字符串长度限制、判断字符长度、js限制输入、限制不能输入、textarea 长度限制2.:js判断汉字、判断是否汉字、只能输入汉字3:js判断是否输入英文、只能输入英文4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字5:只能输入英文字符和数字6: js email验证、js 判断email 、信箱/邮箱格式验证7:js字符过滤,屏蔽关键字8:js密码验证、判断密码2.1: js 不为空、为空或不是对象、判断为空、判断不为空2.2:比较两个表单项的值是否相同2.3:表单只能为数字和”_”,2.4:表单项输入数值/长度限定2.5:中文/英文/数字/邮件地址合法性判断2.6:限定表单项不能输入的字符2.7表单的自符控制2.8:form文本域的通用校验函数1. 长度限制《script》function test(){if(document.a.b.value.length》50){alert(”不能超过50个字符！”);document.a.b.focus();return false;}}《/script》《form name=a onsubmit=”return test()”》《textarea name=”b” cols=”40″ wrap=”VIRTUAL” rows=”6″》《/textarea》《input type=”submit” name=”Submit” value=”check”》《/form》2. 只能是汉字《input onkeyup=”value=”/oblog/value.replace(/[^\u4E00-\u9FA5]/g,”)”》3.” 只能是英文《script language=javascript》function onlyEng(){if(!(event.keyCode》=65&&event.keyCode《=90))event.returnvalue=false;}《/script》《input onkeydown=”onlyEng();”》4. 只能是数字《script language=javascript》function onlyNum(){if(!((event.keyCode》=48&&event.keyCode《=57)wsws(event.keyCode》=96&&event.keyCode《=105)))//考虑小键盘上的数字键event.returnvalue=false;}《/script》《input onkeydown=”onlyNum();”》5. 只能是英文字符和数字《input onkeyup=”value=”/oblog/value.rep lace(/[\W]/g,””)“onbeforepaste=”clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^\d]/g,”))”》6. 验证邮箱格式《SCRIPT LANGUAGE=javascript RUNAT=Server》function isEmail(strEmail) {if(strEmail.search(/^\w+((-\w+)ws(\.\w+))*\@[A-Za-z0-9]+((\.ws-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+ $/) != -1)return true;elsealert(”oh”);}《/SCRIPT》《input type=text onblur=isEmail(this.value)》7. 屏蔽关键字(这里屏蔽***和****)《script language=”javascript1.2″》function test() {if((a.b.value.indexOf (”***”) == 0)wsws(a.b.value.indexOf (”****”) == 0)){ alert(”:)”);a.b.focus();return false;}}《/script》《form name=a onsubmit=”return test()”》《input type=text name=b》《input type=”submit” name=”Submit” value=”check”》《/form》8. 两次输入密码是否相同《FORM METHOD=POST ACTION=”"》《input type=”password” id=”input1″》《input type=”password” id=”input2″》《input type=”button” value=”test” onclick=”check()”》《/FORM》《script》function check(){with(document.all){if(input1.value!=input2.value){alert(”false”)input1.value = “”;input2.va lue = “”;}else document.forms[0].submit();}}《/script》够了吧:)屏蔽右键很酷oncontextmenu=”return false” ondragstart=”return false” onselectstart=”return false”加在body中二2.1 表单项不能为空《script language=”javascript”》《!–function CheckForm(){if (.value.length == 0) {alert(”请输入您姓名!”);.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 wsws 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;}}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(” at ”);j = name dot lastIndexOf(” at ”);if(i == -1)return false;if(i != j)if(i == name dot 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″ wsws name.charAt(i) 》”9″) return false;}return true;}function CheckForm(){if(! isMail(form.Email.value)) {alert(”您的电子邮件不合法！”);form.Email.focus();return false;if(! isEnglish(.value)) {alert(”英文名不合法！”);.focus();return false;}if(! isChinese(name.value)) {alert(”中文名不合法！”);name.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(.value, ”%\(\)》《”)) wsws (contain(document.form.MESSAGE.value, ”%\(\)》《”))) {alert(”输入了非法字符”);.focus();return false;}return true;}//–》《/script》1. 检查一段字符串是否全由数字组成—————————————《script language=”Javascript”》《!–function checkNum(str){return str.match(/\D/)==null} alert(checkNum(”1232142141″))alert(checkNum(”123214214a1″))// –》《/script》2. 怎么判断是否是字符—————————————if (/[^\x00-\xff]/g.test(s)) alert(”含有汉字”);else alert(”全是字符”);3. 怎么判断是否含有汉字—————————————if (escape(str).indexOf(”%u”)!=-1) alert(”含有汉字”); else alert(”全是字符”);4. 邮箱格式验证—————————————//函数名：chkemail//功能介绍：检查是否为Email Address//参数说明：要检查的字符串//返回值：0：不是1：是function chkemail(a){ var i=a.length;var temp = a.indexOf(’@');var tempd = a.indexOf(’.');if (temp 》1) {if ((i-temp) 》3){if ((i-tempd)》0){return 1;}}}return 0;}5. 数字格式验证—————————————//函数名：fucCheckNUM//功能介绍：检查是否为数字//参数说明：要检查的数字//返回值：1为是数字，0为不是数字function fucCheckNUM(NUM){var i,j,strTemp;strTemp=”0123456789″;if ( NUM.length== 0)return 0for (i=0;i《NUM.length;i++){j=strTemp.indexOf(NUM.charAt(i)); if (j==-1){//说明有字符不是数字return 0;}}//说明是数字return 1;}6. 电话号码格式验证—————————————//函数名：fucCheckTEL//功能介绍：检查是否为电话号码//参数说明：要检查的字符串//返回值：1为是合法，0为不合法function fucCheckTEL(TEL){var i,j,strTemp;strTemp=”0123456789-()# “;for (i=0;i《TEL.length;i++){j=strTemp.indexOf(TEL.charAt(i)); if (j==-1){//说明有字符不合法return 0;}}//说明合法return 1;}7. 判断输入是否为中文的函数—————————————function ischinese(s){var ret=true;for(var i=0;i《s.length;i++)ret=ret && (s.charCodeAt(i)》=10000); return ret;}8. 综合的判断用户输入的合法性的函数—————————————《scr ipt language=”javascript”》//限制输入字符的位数开始//m是用户输入，n是要限制的位数function issmall(m,n){if ((m《n) && (m》0)){return(false);}else{return(true);}}9. 判断密码是否输入一致—————————————function issame(str1,str2){if (str1==str2){return(true);}else{return(false);}}10. 判断用户名是否为数字字母下滑线—————————————function notchinese(str){var reg=/[^A-Za-z0-9_]/gif (reg.test(str)){return (false);}else{return(true); }}2.8. form文本域的通用校验函数—————————————作用：检测所有必须非空的input文本，比如姓名，账号，邮件地址等等。
阻止事件冒泡的方法在前端开发中，我们经常会遇到需要阻止事件冒泡的情况。
事件冒泡是指当一个元素上的事件被触发时，该事件会向父元素传播，直到根元素。
如果我们不希望事件冒泡，就需要采取相应的方法来阻止它。
下面，我将介绍几种常用的方法来阻止事件冒泡。
1. stopPropagation()方法。
在JavaScript中，我们可以使用stopPropagation()方法来阻止事件冒泡。
当事件触发时，我们可以调用该方法来阻止事件继续向上传播。
示例代码如下：```javascript。
element.addEventListener('click', function (event) {。
event.stopPropagation();// 其他处理逻辑。
});```。
在这个示例中，当元素被点击时，事件将不再向上传播，从而阻止了事件冒泡。
2. return false。
除了使用stopPropagation()方法外，我们还可以在事件处理函数中返回false来阻止事件冒泡。
示例代码如下：```javascript。
element.addEventListener('click', function (event) {。
// 其他处理逻辑。
return false;});```。
这种方法与stopPropagation()类似，同样可以有效地阻止事件冒泡。
3. stopImmediatePropagation()方法。
除了stopPropagation()方法外，还有一个stopImmediatePropagation()方法，它可以在事件处理函数中阻止事件冒泡，并且阻止任何其他事件处理函数被调用。
示例代码如下：```javascript。
element.addEventListener('click', function (event) {。
event.stopImmediatePropagation();// 其他处理逻辑。
js屏蔽F12审查元素，禁⽌修改页⾯代码等实现代码众所周知，审查元素的情况下，⼤家都可以随机更改⼀部分页⾯的代码，注⼊恶意JS等等，这种情况避免也不难，虽然还能看到⼀部分H5源码，但是⽆法修改⼀、屏蔽F12 审查元素document.onkeydown = function(){if(window.event && window.event.keyCode == 123) {alert("F12被禁⽤");event.keyCode=0;event.returnValue=false;}if(window.event && window.event.keyCode == 13) {window.event.keyCode = 505;}if(window.event && window.event.keyCode == 8) {alert(str+"\n请使⽤Del键进⾏字符的删除操作！");window.event.returnValue=false;}}如果想要禁⽤右键不提⽰可以使⽤下⾯的代码document.onkeydown = function(){if(window.event && window.event.keyCode == 123) {event.keyCode=0;event.returnValue=false;}if(window.event && window.event.keyCode == 13) {window.event.keyCode = 505;}if(window.event && window.event.keyCode == 8) {alert(str+"\n请使⽤Del键进⾏字符的删除操作！");window.event.returnValue=false;}}还有其他的玩法也可以让⽤户按F12我们关闭⽹页或者跳转其他页⾯<script type="text/javascript">document.onkeydown = function(){if(window.event && window.event.keyCode == 123) {window.close(); //关闭当前窗⼝(防抽)event.keyCode=0;event.returnValue=false;}if(window.event && window.event.keyCode == 13) {window.event.keyCode = 505;}if(window.event && window.event.keyCode == 8) {alert(str+"\n请使⽤Del键进⾏字符的删除操作！");window.event.returnValue=false;}}</script>按住F12空⽩页⾯或者跳转其他页⾯<script type="text/javascript">document.onkeydown = function(){if(window.event && window.event.keyCode == 123) {window.location="about:blank"; //将当前窗⼝跳转置空⽩页event.keyCode=0;event.returnValue=false;}if(window.event && window.event.keyCode == 13) {window.event.keyCode = 505;}if(window.event && window.event.keyCode == 8) {alert(str+"\n请使⽤Del键进⾏字符的删除操作！");window.event.returnValue=false;}}</script>除了屏蔽这个，我们还有其他有趣的设置：⼆、屏蔽右键菜单document.oncontextmenu = function (event){if(window.event){event = window.event;}try{var the = event.srcElement;if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){ return false;}return true;}catch (e){return false;}}三、屏蔽粘贴document.onpaste = function (event){if(window.event){event = window.event;}try{var the = event.srcElement;if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){ return false;}return true;}catch (e){return false;}}四、屏蔽复制document.oncopy = function (event){if(window.event){event = window.event;}try{var the = event.srcElement;if(!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){ return false;}return true;}catch (e){return false;}}五、屏蔽剪切document.oncut = function (event){if(window.event){event = window.event;}try{var the = event.srcElement;if(!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){ return false;}return true;}catch (e){return false;}}这种很适合⼩说⽹站，毕竟版权珍贵，被别⼈随意copy⾛内容就不好了六、屏蔽选中document.onselectstart = function (event){if(window.event){event = window.event;}try{var the = event.srcElement;if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){return false;}return true;} catch (e) {return false;}}当然js屏蔽chrome F12后页⾯⾃动跳转可以参考这篇⽂章js检测⽤户是否打开调试⼯具（chrome）(function(){ var re=/x/; var i=0; console.log(re); re.toString=function(){ window.close(); return '第'+(++i)+'次打开控制台'; } })();JavaScript检测是否开启了控制台（调试⼯具）测试后在chrome有效不少⼈防⽌别⼈趴源码，⼀般采⽤检测按键F12之类的，但是这些基本没什么⽤现在介绍⼀个⽅法，⾮常管⽤，可以检测到你是否开启了控制台程序，可以算是JavaScript的⼀些奇淫巧技将这段代码加⼊你的⽹站即可，原理不明 = -(function () {var re = /x/;var i = 0;console.log(re);re.toString = function () {alert("请关闭控制台");return '第 ' + (++i) + ' 次打开控制台';};})();然后你在打开控制台，即会弹出对话框js检测开发者⼯具Devtools是否打开防调试之前写过⼀篇⽂章《Javascript检测开发者⼯具Devtools是否打开》，主要是讲如何通过js来检测开发者⼯具是否打开，防⽌别⼈恶意调试我们的代码，那段代码也是查了蛮多资料整理出来的，当时可以兼容chrome，firefox，ie，但是随着浏览器版本的更新，已经基本上没有作⽤了，最近我发现还是有蛮多⼈去浏览那篇⽂章，所以这⾥再放出⼀段代码，算是个升级版吧，之前的版本⾥在firefox上还有有限制的，下⾯提供的这个版本我测试过通杀现在的chrome 69，firefox，IE，也不存在之前firefox 上存在的问题了，下⾯直接贴出代码：setInterval(function() {check()}, 4000);var check = function() {function doCheck(a) {if (("" + a/a)["length"] !== 1 || a % 20 === 0) {(function() {}["constructor"]("debugger")())} else {(function() {}["constructor"]("debugger")())}doCheck(++a)}try {doCheck(0)} catch (err) {}};check();这段代码是什么原理，说实话我没搞太懂，也去请教过⼀些⼤佬，都不能完全说出其中的原理，如果有懂的朋友请⼀定不吝赐教，虽然不知道原理，但是效果的确是杠杠的，这是本⼈从huichan⽹站上截取的，这⾥不得不佩服那些做huichan的，太强⼤。
js中filter过滤⽤法总结定义和⽤法filter() ⽅法创建⼀个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
注意： filter() 不会对空数组进⾏检测。
注意： filter() 不会改变原始数组。
语法array.filter(function(currentValue,index,arr), thisValue)参数说明参数描述function(currentValue, index,arr)必须。
函数，数组中的每个元素都会执⾏这个函数函数参数:参数描述currentValue必须。
当前元素的值index可选。
当期元素的索引值arr可选。
当期元素属于的数组对象thisValue可选。
对象作为该执⾏回调时使⽤，传递给函数，⽤作 "this" 的值。
如果省略了 thisValue ，"this" 的值为 "undefined"⾸先回顾⼀下filter的作⽤：过滤数组中符合条件的元素基本⽤法1 2 3let arr = [1, 3, 5, 8]let arrFilter = arr.filter(ele => ele > 4) console.log(arrFilter) // [5, 8]另外也可以⽤来过滤对象数组中符合条件的对象，eg：1 2 3 4 5 6 7 8 9 10 11 12 13let arrObj = [{name: 'aa', age: 13}, {name: 'bb', age: 23}, {name: 'cc', age: 18}, {name: 'dd', age: 11}, {name: 'ee', age: 28}]let arrObjFilter = arrObj.filter(ele => ele.age > 18)console.log(arrObjFilter) // [{name: 'bb', age: 23}, {name: 'ee', age: 28}]进阶⽤法数组去重（有点过时）1let arr = [1, 2, 3, 2, 3, 4]2 3 4 5let arrFilter = arr.filter((ele, index, arr) => { return arr.indexOf(ele) === index})console.log(arrFIlter)⽬前⽐较常⽤的⽅法是使⽤ES6的set完成，eg：1 2 3let arr = [1, 2, 3, 2, 3, 4]let arrFilter = [...new Set(arr)] console.log(arrFilter)数组中的空字符去除1 2 3 4 5let arr = ['1', '2', '3', '', null, undefined, ' ', '4'] let arrFilter = arr.filter((ele, index, arr) => { return ele && ele.trim()})console.log(arrFIlter)⾼级⽤法结合map使⽤可以先过滤出符合条件的对象然后去除某些不需要的字段,⽐如:1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16// 需求: 年龄⼤于18的姓名let arrObj = [{name: 'aa', age: 13}, {name: 'bb', age: 23}, {name: 'cc', age: 18}, {name: 'dd', age: 11}, {name: 'ee', age: 28}]let arrObjFilter = arrObj.filter(ele => ele.age > 18).map(ele => { return })console.log(arrObjFilter) // ['bb', 'ee']filter()简单讲filter就是⼀个数组过滤器，参数接收⼀个函数，数组的每⼀项经过函数过滤，返回⼀个符合过滤条件的新数组函数接收三个参数：item （当前遍历的数组项）i （当前项索引）arr （调⽤filter数组本⾝）// 需求找到数组内偶数let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]let newArr = arr.filter((item, i, arr) => {//函数本⾝返回布尔值，只有当返回值为true时，当前项存⼊新数组。
JS通过正则限制input输⼊框只能输⼊整数、⼩数（⾦额或者现⾦）第⼀：限制只能是整数[js]1. <input type = "text" name= "number" id = 'number' onkeyup= "if(! /^d+$/.test(this.value)){alert('只能整数');this.value='';}" />如果不是整数就直接alert第⼆：限制是两位的⼩数[js]1. <input type = "text" name= "price" id = 'price' onkeyup= "if( ! /^d*(?:.d{0,2})?$/.test(this.value)){alert('只能输⼊数字，⼩数点后只能保留两位');this.value='';}" />原理：通过正则表达式判断，不满⾜执⾏alert。
第⼀个正则表达式是 /^d+$/ 表⽰可以是⼀个或者多个数字第⼆个正则表达式是[js]1. /^d*(?:.d{0,2})?$/表⽰必须是数字开头，数字结尾。
这⾥重点是要数字结尾，在计算机中通常⼩数 1. , 2. 这种写法，就是可是⼩数点结尾的，是正确的。
这⾥强制让数字结尾。
test()只要找到满⾜的部分就返回真。
意思是是[js]1. /d/. test ( 'a' ) // false2. /d/. test ( 'a' ) // true3. /d/. test ( 'a' ) // true所以要保证谁开头谁结尾。
开头⽤ $, 结尾⽤ ^下⾯给⼤家介绍js正则限制input框输⼊的常⽤代码1.只能输⼊数字和英⽂的：[js]1. <input onkeyup="value=value.replace(/[\W]/g,'') "2. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"3. ID="Text1" NAME="Text1">2.只能输⼊数字的：[js]1. <input onkeyup="value=value.replace(/[^\d]/g,'') "2. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"3. ID="Text2" NAME="Text2">3.只能输⼊全⾓的：[js]1. <input onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')"2. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"3. ID="Text3" NAME="Text3">4.只能输⼊汉字的：[js]1. <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"2. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"3. ID="Text4" NAME="Text4">5.邮件地址验证：[js]1. var regu =2. "^(([0-9a-zA-Z]+)|([0-9a-zA-Z]+[_.0-9a-zA-Z-]*[0-9a-zA-Z]+))@([a-zA-Z0-9-]+[.])+([a-zA-Z]{2}|net|NET|com|COM|gov|GOV|mil|MIL|org|ORG|edu|EDU|int|INT)$"3. var re = new RegExp(regu);4. if (s.search(re) != -1) {5. return true;6. } else {7. window.alert ("请输⼊有效合法的E-mail地址！")8. return false;9. }6.⾝份证：[js]1. "^\\d{17}(\\d|x)$"2. 7.17种正则表达式3. "^\\d+$" //⾮负整数（正整数 + 0）4. "^[0-9]*[1-9][0-9]*$" //正整数5. "^((-\\d+)|(0+))$" //⾮正整数（负整数 + 0）6. "^-[0-9]*[1-9][0-9]*$" //负整数7. "^-?\\d+$" //整数8. "^\\d+(\\.\\d+)?$" //⾮负浮点数（正浮点数 + 0）9. "^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$" //正浮点数10. "^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$" //⾮正浮点数（负浮点数 + 0）11. "^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$" //负浮点数12. "^(-?\\d+)(\\.\\d+)?$" //浮点数13. "^[A-Za-z]+$" //由26个英⽂字母组成的字符串14. "^[A-Z]+$" //由26个英⽂字母的⼤写组成的字符串15. "^[a-z]+$" //由26个英⽂字母的⼩写组成的字符串16. "^[A-Za-z0-9]+$" //由数字和26个英⽂字母组成的字符串17. "^\\w+$" //由数字、26个英⽂字母或者下划线组成的字符串18. "^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$" //email地址19. "^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$" //url1.取消按钮按下时的虚线框 在input⾥添加属性值 hideFocus 或者 HideFocus=true2.只读⽂本框内容在input⾥添加属性值 readonly3.防⽌退后清空的TEXT⽂档(可把style内容做做为类引⽤)[js]1. <INPUT style=behavior:url(#default#savehistory); type=text2. d=oPersistInput>4.ENTER键可以让光标移到下⼀个输⼊框[js]1. <input onkeydown="if(event.keyCode==13)event.keyCode=9" >5.只能为中⽂(有闪动)[js]1. <input onkeyup="value="/value.replace(/[" -~]/g,'')"2. nkeydown="if(event.keyCode==13)event.keyCode=9">6.只能为数字(有闪动)[js]1. <input onkeyup="value="/value.replace(/["^\d]/g,'')2. nbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">7.只能为数字(⽆闪动)[js]1. <input ime-mode:disabled"2. onkeydown="if(event.keyCode==13)event.keyCode=9" onKeypress="if3. ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false">8.只能输⼊英⽂和数字(有闪动)[js]1. <input onkeyup="value="/value.replace(/[\W]/g,"'')"2. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">9.屏蔽输⼊法[js]1. <input type="text" name="url" ime-mode:disabled"2. keydown="if(event.keyCode==13)event.keyCode=9">10. 只能输⼊数字，⼩数点，减号（-）字符(⽆闪动)[js]1. <input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 &&2. event.keyCode<48 || event.keyCode>57)) event.returnValue=false">11. 只能输⼊两位⼩数，三位⼩数(有闪动)[js]1. <input maxlength=92. onkeyup="if(value.match(/^\d{3}$/))value="/value.replace(value,parseInt(value/10))"3. ;value="/value.replace(/\.\d*\./g,'."')" onKeyPress="if((event.keyCode<484. || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 ||5. value.match(/^\d{3}$/) || /\.\d{3}$/.test(value))6. {event.returnValue=false}" id=text_kfxe name=text_kfxe>7. <p style="">密码的强度必须是包含⼤⼩写字母和数字的组合，不能使⽤特殊字符，长度在8-10之间。
js disabled用法JS Disabled用法JS Disabled是一种技术，用于在浏览器禁用JavaScript时，显示某些内容或执行某些操作。
这项技术非常有用，因为JavaScript可能会在用户的浏览器上执行不正常或不可预料的操作，因此禁用JavaScript有助于提高网站的安全性和可靠性。
本文将介绍JS Disabled的用法和实现方式。
什么是JavaScript？JavaScript是一种网页编程语言，它可以通过浏览器在客户端运行。
JavaScript可以改变网页的外观和行为，包括动态效果、表单验证、用户交互和控制音频和视频等。
JS非常强大，可以增强网站的功能和用户体验，但如果不正确使用，则可能导致网站出现不可预知的问题。
为什么要禁用JavaScript？有时，用户会禁用JavaScript，因为他们不信任网站或他们担心JS可能会损害他们的安全和隐私。
此外，有些浏览器可能没有启用JavaScript，或者通过安全设置禁用JavaScript以提高安全性。
因此，在设计网站时，应该考虑到这些用户，以便他们也能访问网站，而不是将他们排除在外。
JS Disabled的用途JS Disabled是一种使网站在JavaScript被禁用时仍然可用的技术。
它的主要用途是为了使网站的内容和功能对于那些禁用JavaScript的用户仍然可见和可用。
以下是一些JS Disabled的用途：1. 确保用户可以提交表单如果网站依赖于表单的提交，则当用户禁用JavaScript时，表单可能无法正常工作。
因此，可以通过在表单上添加`<noscript>`标记，以便JavaScript被禁用时，显示一条消息告诉用户提交表单需要启用JavaScript。
2. 提供备用内容当用户禁用JavaScript时，网站可能无法显示动态效果或交互式内容。
因此，可以通过在页面上添加备选内容，以便当JavaScript被禁用时，显示该内容，从而保持网站在这种情况下的完整性。
js禁止右键和复制下面就是实现效果所需代码：function clicke if document.all if event.button1event.button2event.button3 oncontextmenureturn falseif yers if e.which 3 oncontextmenureturn falseif yersdocument.captureEventsEvent.MOUSEDOWNdocument.onmo usedownclickdocument.oncontextmenu new Functionreturn falsevar traveltruevar hotkey17 / hotkey 即为热键的键值是ASII 码这里99 代表c 键/ifyersdocument.captureEventsEvent.KEYDOWNfun ction gogoe if yers if e.whichhotkeytravelalert操作错误.或许是您按错了按键else if document.allifevent.keyCodehotkeytravel alert操作错误.或许是您按错了按键document.onkeydowngogo把上面的代码另存为一个JS 文件，然后在想实现此效果的页面调用即可！网页制作者经常遇到精心制作的Javascript 特效被别人抄袭，而自己对此却无可奈何的情况。
面对这一困扰，有没有方法可以解决呢？使用ASP、JSP 等服务器端编程技术可以实现对网页源代码的保护，但目前国内网站所提供的免费个人主页空间一般都不提供对服务器端编程的支持，所以对于这些用户，要禁止访问者查看网页源代码就只能在客户端编程上下工夫了。
查看源代码的方式要禁止访问者查看网页源代码，我们首先要了解一下查看源代码的方式以IE 5.0 为例。
一是右键菜单方式如图1 所示二是窗口菜单栏查看方式，即选择查看源文件方式如图 2 所示）。
js中void用法-回复JavaScript中的void关键字主要用于阻止浏览器加载特定的URL，同时还可以用于将表达式的返回值设为undefined。
在本篇文章中，我们将一步一步深入了解void关键字的用法、示例以及它的一些使用注意事项。
一、void关键字的基本用法在JavaScript中，可以使用void关键字来阻止浏览器加载某个URL。
语法如下：void(expression);其中，expression为要阻止加载的URL或要返回的值。
二、阻止URL加载我们首先看一下如何阻止浏览器加载某个URL。
void关键字可以用于a 标签的href属性，将其设置为"javascript:void(0)"就可以阻止URL的加载，示例如下：<a href="javascript:void(0)">点击此处</a>当用户点击该链接时，浏览器将不会加载任何URL。
这种用法常用于代码中的占位链接。
三、设定返回值为undefined在JavaScript中，某些表达式可能会返回一个值。
但有时我们希望明确将这些返回值设为undefined，可以使用void关键字来实现。
例如，我们可以将一个函数或表达式的返回值设为undefined，示例代码如下：function voidFunc() {return void(0);}console.log(voidFunc()); 输出: undefined四、使用注意事项在使用void关键字时，需要注意以下几点：1. void关键字后面必须跟随一个表达式。
如果不加任何表达式，将导致语法错误。
2. void关键字返回的是undefined，但它不会修改原有的值。
void x不会将x的值设为undefined，只是返回一个undefined值。
3. 由于void关键字返回的是undefined，因此在一些场景下，比如在条件判断语句中，使用void可能会导致一些混淆并引入不必要的错误。
<!--禁止鼠标右键代码--><noscript><iframe src=*.html></iframe></noscript><script language=javascript><!--if (window.Event)document.captureEvents(Event.MOUSEUP);function nocontextmenu(){event.cancelBubble = trueevent.returnValue = false;return false;}function norightclick(e){if (window.Event){if (e.which == 2 || e.which == 3)return false;}elseif (event.button == 2 || event.button == 3){event.cancelBubble = trueevent.returnValue = false;return false;}}document.oncontextmenu = nocontextmenu; // for IE5+ document.onmousedown = norightclick; // for all others //--></script>1.将彻底屏蔽鼠标右键,无右键菜单<body oncontextmenu="window.event.returnvalue=false">也可以用于网页中Table框架中<table border oncontextmenu=return(false)><td>no</table>2.取消选取、防止复制<body onselectstart="return false">3.不准粘贴<body onpaste="return false">4.防止复制<body oncopy="return false;" oncut="return false;">5.IE地址栏前换成自己的图标<link rel="Shortcut Icon" href="favicon.ico">说明：关于favicon.ico文件的制作。
Firefox浏览器屏蔽JS的方法浏览器是大家上网冲浪的常用工具，想必有很多人对firefox情有独钟吧。
网站为了提高其功能,操作,视觉的体验指数，就会使用到javascript和flash，这样可以给用户带来美的享受和体验;但是，当javascript和flash被别有用心的人用来作一些另有所图的事，而使用这些就会给用户带来一些负面问题，如安全问题，等等。
技术总是具有双面性的，一些用户就想放弃使用javascript和flash，在firefox中怎么禁用javascript和flash呢?以下是店铺为大家搜索整理的Firefox 浏览器屏蔽JS的方法，希望能给大家带来帮助!一、firefox禁用javascript打开firefox，在Firefox地址栏里输入“about:config”并按“Enter”键。
这时会弹出个警告页面，点击“我保证会小心”，就会打开个新页面。
在新页面的搜索栏中输入“javascript.enabled”查找到首选项。
默认中启用的，即为ture。
点击鼠标右键选择“切换”，把“javascript.enabled”键值改为“false”(或者双击javascript.enabled首选项，也会改为false。
)这样就能禁止JavaScript的运行了。
要注意了，几乎所有的.网站都用到了javascript，禁用它就会带来一些麻烦，应按具体网站情况设置，要谨慎禁用。
二、firefox设置flash前两步和“一、firefox禁用javascript”中1、2步骤一样，就不赘述了。
在新页面的搜索栏中输入“flash.”查找到首选项，有两项。
简单说明下：dom.ipc.plugins.flash.disable-protected-mode;这项是firefox 禁用flash插件保护模式(沙箱)，默认值为false(启用)dom.ipc.plugins.flash.subprocess.crashreporter.enabled;这项是firefox防止flash插件崩溃的，默认值为ture(启用)值的修改方法和修改“javascript.enabled”值的一样。
js 控件禁止方法在JavaScript中，禁止或取消某个控件的方法通常是通过修改其disabled属性来实现的。
以下是一些常见控件的禁用方法：1. 对于<input>、<button>、<select>、<textarea>等表单控件，可以使用`disabled`属性进行禁用：```javascriptdocument.getElementById("myButton").disabled = true;```2. 对于<button>、<input>、<select>、<textarea>等表单控件，以及<img>、<audio>、<video>等多媒体控件，可以使用`setAttribute`方法来添加`disabled`属性：```javascriptdocument.getElementById("myButton").setAttribute("disabled", true);```3. 对于<a>、<img>、<audio>、<video>等非表单控件，可以使用`setAttribute`方法来添加`disabled`属性：```javascriptdocument.getElementById("myLink").setAttribute("disabled", true);```需要注意的是，禁用控件将使其不可用，不能接收用户的输入。
如果需要再次启用控件，可以使用`disabled`属性将其设置为`false`。
如果你想要更具体的禁用方法，可以提供更详细的控件信息，例如控件的类型、禁用的原因等。
<body oncontextmenu="return false"></body><!-- 禁用右键: --><script>function stop(){return false;}document.oncontextmenu=stop;</script><body onselectstart="return false"> 取消选取、防止复制oncopy="return false;" oncut="return false;" 防止复制四：禁止查看源文件<html><head><script>function clear(){Source=document.body.firstChild.data;document.open();document.close();document.title="看不到源代码";document.body.innerHTML=Source;}</script></head>五、图片下载限制<script language="javascript">function Click(){if(window.event.srcElement.tagName=="IMG"){alert('图片直接右键');window.event.returnValue=false;}}document.oncontextmenu=Click;</script><META HTTP-EQUIV="imagetoolbar" CONTENT="no"> 插入图片时加入galleryimg属性<img galleryimg="no" src="">禁止右键保存把下面代码放在<head>和</head>之间<SCRIPT LANGUAGE=java script>function click() {alert('对不起,您不能保存此图片,谢谢您的理解和支持!') }function click1() {if (event.button==2) {alert('对不起,您不能保存此图片,谢谢您的理解和支持!') }} function CtrlKeyDown(){if (event.ctrlKey) {alert('不当的拷贝将损害您的系统！') }}document.onkeydown=CtrlKeyDown;document.onselectstart=click;document.onmousedown=click1;</SCRIPT>方式二：在页面中加入如下js代码：原理：屏蔽右键<script>function document.onmousedown(){if(event.button==2||event.button==3){alert( "右健被禁止")return false}}</script>网页防复制代码禁止查看网页源文件代码插入网页即可。
1、将以下代码加入到HEML的之间<SCRIPT language=javascript>function click() {if (event.button==2) {alert('不许你偷看！');}}document.onmousedown=click</SCRIPT>2、禁止查看网页源代码真正能实现源代码屏蔽的单纯的.htm是不可能的!想看源代码是没方法阻止的。
用TELEPROT可以下载任何文件，相当于做镜像网站，除非服务器进行安全设置、加密。
下面给几种参考方法，使在浏览我的个人主页时不能使用右键或者不能看到源程序或源代码等。
1)在主页上输入代码：<SCRIPT language=javascript>function click() {if (event.button==2) {alert(\'对不起,禁止使用此功能^_^.\')}}document.onmousedown=click</SCRIPT><script language="JavaScript"><!--locate = 0;function scroller() {if (locate !=500 ) {locate++;scroll(0,locate);clearTimeout(timer);var timer = setTimeout("scroller()",3);timer;}}// --></script>2)网页安全技术指南随着Internet的飞速发展，网站的数量正呈几何级速度递增，网页上的信息极大丰富，但网站的安全与信息的版权却不断受到威胁。
近来，全球各大网站先后遭到黑客攻击，接着，为了顺应新形势，国内首家有关网络安全专题的网站(天网安全阵线)www。
JS 屏蔽代码大全1 >屏蔽功能类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+nevent.returnvalue=false;if ((event.shiftKey)&&(event.keyCode==121)) //屏蔽 shift+F10event.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+F4window.showModelessDialog("about:blank","","dialogWidth:1px;di alogheight:1px");return false;}}/* 另外可以用 window.open 的方法屏蔽 IE 的所有菜单第一种方法：window.open("你的.htm","","toolbar=no,location=no,directories=no,menubar=no,scrollbars=no,re sizable=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(,"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>2 >表单提交验证类2.1 表单项不能为空<script language="javascript"><!--function CheckForm(){if (.value.length == 0) {alert("请输入您姓名!");.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 = stIndexOf("@");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(.value)) {alert("英文名不合法！");.focus();return false;}if(! isChinese(name.value)) {alert("中文名不合法！");name.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(.value, "%\(\)><")) || (contain(document.form.MESSAGE.value, "%\(\)><"))) {alert("输入了非法字符");.focus();return false;}return true;}//--></script>。