最近做个项目中,用到这个,贴出来大家分享一下。
<p>以下2个是单个邮箱的添加后缀</p>
<div id="msg"></div>
<input id='txt' value="" onpropertychange="handle();" οninput="handle();"/>
<p>利用命名空间</p>
<input id='txt2' value="" onpropertychange="YLH.handle();" οninput="YLH.handle();"/>
<script>
(function(){
window['YLH'] = {};
window['YLH']['handle'] = handle;
function handle(){
var txtVal = $('#txt2').val();
var patt = new RegExp("@$");
if(patt.test(txtVal)){
txtVal += ';';
}
$('#txt2').val(txtVal);
}
})();
//当状态改变的时候执行的函数
function handle(){
var txtVal = document.getElementById('txt').value;
var patt1 = new RegExp("@$"); //正则以@结束,$是结束标志
if(patt1.test(txtVal)){
txtVal+=';'
};
document.getElementById('txt').value = txtVal;
document.getElementById('msg').innerHTML='输入的内容为:'+ txtVal;
//下面是可以学习下
// if(txtVal.indexOf('@')>0){
// var i = txtVal.indexOf('@');
// document.getElementById('txt').value = txtVal.replace(/@/,'@;');
// document.getElementById('txt').value = txtVal.substring(0,i) + '@;';
// }
//计算特定字符在字符串中的个数
// var str22 = '11@33@44@dd';
// var c22 = "@"; // 要计算的字符
// var regex = new RegExp(c22, 'g'); // 使用g表示整个字符串都要匹配
// var result22 = str22.match(regex);
// var count = !result22 ? 0 : result22.length;
// console.log(c22 + " 的数量为 " + count);
// if(txtVal.indexOf('@')>0){
// var arr = txtVal.split("@");
// arr.removeByValue('');
// for(var i=0;i<arr.length;i++){
// arr[i] +='@;';
// };
// console.log(arr.join(''));
// txtnewVal = arr.join('');
// }
// document.getElementById('msg').innerHTML='输入的内容为:'+ txtVal;
// Array.prototype.removeByValue = function(val) { //从数组中删除指定值元素的方法
// for(var i=0; i<this.length; i++) {
// if(this[i] == val) {
// this.splice(i, 1);
// break;
// }
// }
// }
}
</script>
<p>下面在输入框中输入@的时候自动加上后缀;</p> <input type="text" οninput="if(/@$/.test(value)) value+=';'" /> <!-- 正则以//开始和结束,中间以@字符结尾,$是结尾的意思 -->
如果觉得《2种方法 当文本框输入@自动补全邮箱后缀(特别是命名空间的引用 共三种方法)》对你有帮助,请点赞、收藏,并留下你的观点哦!