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 += '163.com;';
}
$('#txt2').val(txtVal);
}
})();
//当状态改变的时候执行的函数
function handle(){
var txtVal = document.getElementById('txt').value;
var patt1 = new RegExp("@$"); //正则以@结束，$是结束标志
if(patt1.test(txtVal)){
txtVal+='163.com;'
};
document.getElementById('txt').value = txtVal;
document.getElementById('msg').innerHTML='输入的内容为：'+ txtVal;
//下面是可以学习下
// if(txtVal.indexOf('@')>0){
// var i = txtVal.indexOf('@');
// document.getElementById('txt').value = txtVal.replace(/@/,'@credithc.com;');
// document.getElementById('txt').value = txtVal.substring(0,i) + '@credithc.com;';
// }

//计算特定字符在字符串中的个数
// 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] +='@credithc.com;';
// };
// 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>下面在输入框中输入@的时候自动加上后缀163.com;</p>
<input type="text" οninput="if(/@$/.test(value)) value+='163.com;'" />

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

qt通过QComboBox实现文本框自动记忆、补全和下拉选项填写
前言在公司工作过程中,我多次遇到一个文本框经常要输入一大串信息,每次输入容易出错且速度很慢.于是我想到了QQ登录界面的功能. QQ登录界面的基本功能为:当点击下拉框,会出现曾经登录过的有效的账号密码 ...
android 自动补全方法,# AndroidStudio代码块的自动补全
AndroidStudio代码块的自动补全 settings --> Editor --> Live Templates * 定义一个私有的内部类,在第一次用这个嵌套类时,会创建一个实例. ...
html选择文本框后提示消失,两种方法实现文本框输入内容提示消失
第一种方法: 基于HTML5 input标签的新特性 - placeholder .另外,x-webkit-speech 属性可以实现语音输入功能. 第二种方法: 用span模拟,定位span,借助J ...
最新方法VScode中html代码自动补全（超清晰详细，保证能用）
一.下载HTML Snippets插件二.配置settings.json **1.**在VScode窗口下按住ctrl + shift + P,调出搜索框,在搜索框中输入settings.json, ...
android输入自动补全,Android用户输入自动提示控件AutoCompleteTextView使用方法
一.简介 1.AutoCompleteTextView的作用 2.AutoCompleteTextView的类结构图也就是拥有EditText的各种功能 3.AutoCompleteTextView ...
安装auto-fu.zsh让命令输入自动补全
下载auto-fu.zsh 1 2 cd ~/.oh-my-zsh/custom/plugins git clone https://github.com/hchbaw/auto-fu.zsh.git ...
vue element-ui elementUi 邮箱自动补全邮箱自动填充
<el-autocompletev-model="form.user.email":fetch-suggestions="querySearchEmail" ...
qlineedit文本改变时_行文本编辑框QLineEdit及自动补全
导读行文本输入框在用于界面的文本输入,在WEB登录表单中应用广泛.一般行文本编辑框可定制性较高,既可以当作密码输入框,又可以作为文本过滤器.QLineEdit本身使用方法也很简单,无需过多的设置就能 ...
客户管理系统（SSM版）：bs_typeahead动态的自动补全文本框的内容
客户需求: 用户在创建交易页面,在客户名称文本框输入信息时,可以根据输入的关键字,模糊查找数据库中的客户名称,并把模糊查找的所有的客户名称以类似于下拉框的形式显示在客户名称文本框下方,用户可以从中选择 ...
Vim 的补全模式加速器，轻松玩转全部 15 种自动补全模式
1. 关于 Vim 补全模式 ---- Vim 一共提供了 15 种自动补全的模式(:help ins-completion).其中有两种的补全列表内容与另外两种相同,只是排序不同,这 15 ...

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

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

最新文章

热门文章