2种方法 当文本框输入@自动补全邮箱后缀（特别是命名空间的引用 共三种方法）

最近做个项目中，用到这个，贴出来大家分享一下。

<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+=';'" /> <!-- 正则以//开始和结束，中间以@字符结尾，$是结尾的意思 -->