如何监听验证一个项目中的所有 input输入框 自动过滤 html标签 css样式 和js脚本之类的

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何监听验证一个项目中的所有 input输入框 自动过滤 html标签 css样式 和js脚本之类的相关的知识,希望对你有一定的参考价值。

参考技术A <input onkeyup="usrNameSet(this)" />

其它的自己可以随便调用

Js部分

//只能输入数字、字母、小数点、汉字、@
function usrNameSet(num)

var str=num.value;
//var str = document.getElementById("userName").value;
var value=str.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'');
document.getElementById("userName").value=value;


//手机号码、手机验证码,只能输入数字
function numberSet(num)
var str=num.value;
var value=str.replace(/[^0-9]/g,'');
num.value=value;


//推广码验证,只能输入数字跟字母
function spreadCodeSet(num)
var str=num.value;
var value=str.replace(/[^\w\.\/]/g,'');
num.value=value;


//密码设置 不能为空格

function passwordSet(num)
/*
var str=document.getElementById("password").value;
var value=str.replace(/^ +| +$/g,'');
document.getElementById("password").value=value;
*/
var str=num.value;
var value=str.replace(/^ +| +$/g,'');
num.value=value;



//登陆验证码
//只能是4位字母或数字
function UserVerifycodeSet()
var str=document.getElementById("verifycode").value;
var value=str.replace(/[^a-zA-Z0-9]/g,'');
document.getElementById("verifycode").value=value;


//姓名和身份证认证
function nameNumberSet(num)
if(num.id=='text_name')//姓名 只能输入汉字

var str=num.value;
var value=str.replace(/[^\u4E00-\u9FA5]/g,'');
num.value=value;

else if(num.id=='text_idcard')//身份证 只能是数字和字母
var str=num.value;
var value=str.replace(/[^a-zA-Z0-9]/g,'');
num.value=value;



//邮箱输入 //只能输入数字、字母、小数点、汉字、@、-
function myMailSet(num)
var str=num.value;
var value = str.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.\-\_]/g,'');
num.value=value;


//充值输入设置,小数点后只能两位
function moneyInput(num)
//var str=num.value;
//alert(str);
//var value=str.replace(function()

//if(this.value==this.value2)return;if(this.value.search(/^\d*(?:\.\d0,2)?$/)==-1)this.value=(this.value2)?this.value2:'';else
this.value2=this.value;
//)
//var value=str.toFixed(2);
// var value = str.replace(/[^a-zA-Z0-9]/g,'');
// num.value=value;
if(num.value==num.value2)return;
if(num.value.search(/^\d*(?:\.\d0,2)?$/)==-1)
num.value=(num.value2)?num.value2:'';
else num.value2=num.value;


//地址输入设置
//只能输入数字、字母、

function addressSet(num)
var str=num.value;
var value=str.replace(/[^\u4e00-\u9fa5\w]/g,'');
num.value=value;


//银行卡输入设置

function formatBankNoSet(BankNo)
//alert(BankNo.value);
var str=BankNo.value;
var value=str.replace(/[^0-9]/g,'');
BankNo.value=value;


//只能输入字母、汉字
function cnOrEn(num)
var str=num.value;
var value=str.replace(/[^\a-zA-Z\u4E00-\u9FA5]/g,'');
num.value=value;
追问

是一个项目中的所有 input输入框 统一进行过滤 难道要每一个input输入框都要添加 onkeyup事件吗? 还有 有些编写详情的 无法确定用户输入的内容
还有 假如有书名之类的 > 也想保存到数据库中 所以最好是 用户输入的 页面自动转换成 <分号 >分号 存到数据库中也是 <分号 >分号 取到页面上 依然显示
请问 怎么处理

本回答被提问者和网友采纳

以上是关于如何监听验证一个项目中的所有 input输入框 自动过滤 html标签 css样式 和js脚本之类的的主要内容,如果未能解决你的问题,请参考以下文章

如何实时监听 input 和 textarea输入框值的变化

如何让input宽度自适应?

微信小程序自定义组件-可清除的input组件

input输入框内容变化实时监听

jquery 实时监听输入框值变化的完美方案

jQuery/原生JS实时监听input输入框值变化