前端要用到的表单js控制文本框禁止输入代码

原创 支竹铅笔  2018-11-05 14:23:04  阅读 235 次 评论 3 条
广告位出售

想知道怎样能够在表单中禁止特殊字符吗?一般制作网站的前端或许会用到这些知识,比如有些用户会在表单上填写一些HTML标签,或者其他特殊字符,更或者填写一些就是代码来实现各种目的,在此就不讲述时间的严重性了,总而言之,对网站来讲是很不好的,会被一些别有用心的人利用。那么,我们应该怎么应对这些情况呢?下面洁灰博客就给大家介绍一下避免用户随便输入或者乱输入表单的方法:

前端要用到的表单js控制文本框禁止输入代码 源码分享

1:JS 控制文本框不能输入特殊字符

<input type="text" class="domain" onkeyup="this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'');";

【this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'')】有兴趣的可以多研究一下这些标签内的属性代码。

2:JS 控制文本框只能输入数字

<input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value=value.replace(/[^0-9]/g,'')";

3:JS 控制文本框只能输入数字、小数点

<input onkeyup="value=value.replace(/[^\0-9\.]/g,'')" onpaste="value=value.replace(/[^\0-9\.]/g,'')" oncontextmenu = "value=value.replace(/[^\0-9\.]/g,'')";

4:JS 控制文本框只能输入英文

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z]/g,'')";

5:JS 控制文本框只能输入英文、数字

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')";

6:JS 控制文本框只能输入中文

<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onpaste="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^\u4E00-\u9FA5]/g,'')";

7:JS 控制文本框只能输入中文、英文、数字

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')";

8:JS 控制文本框只能输入中文、英文、数字、空格

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')";

9:JS 控制文本框只能输入中文、英文、数字、小数点

<input onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')";

输入之后立即清除:

//验证输入框内不能输入特殊字符,输入就立刻清除

<script;

function cleanSpelChar(th){

if(/["'<;%;)(&+]/.test(th.value)){

$(th).val(th.value.replace(/["'<;%;)(&+]/,""));

}

}

</script;

如果是特殊字符,禁止输入:

//验证输入框内不能输入特殊字符,输入前先作判断

<script;

function processSpelChar() {

var code;

var character;

if (document.all) {

code = window.event.keyCode;

} else {

code = arguments.callee.caller.arguments[0].which;

}

var character = String.fromCharCode(code);

var txt = new RegExp(/["'<;%;)(&+]/);

if (txt.test(character)) {

if (document.all) {

window.event.returnValue = false;

} else {

arguments.callee.caller.arguments[0].preventDefault();

}

}

}

</script;

JS替换英文特殊字符`~!@#$%^&*()_+-=;':"\|,./<;?

<script;

var subject= document.getElementById("subject").value;

subject = subject.replace(/[\-\_\,\.\!\|\~\`\(\)\#\@\%\-\+\=\/\'\$\%\^\&\*\{\}\:\;\"\L\<\;\?\\]/g, '');

alert(subject);

</script;


本文地址:https://www.tctck.com/post/103.html
版权声明:本文为原创文章,版权归 支竹铅笔 所有,欢迎分享本文,转载请保留出处!
广告位出售
广告位出售

发表评论


表情

评论列表

  1. wordpress建站
    wordpress建站  @回复

    这个事儿前端来做不太好吧,。

  2. hwboke.com
    hwboke.com  @回复

    都是短代码,有些很实用