1. 程式人生 > >2種方法,當文字框輸入@自動補全郵箱字尾(特別是名稱空間的引用,共三種方法)

2種方法,當文字框輸入@自動補全郵箱字尾(特別是名稱空間的引用,共三種方法)

最近做個專案中,用到這個,貼出來大家分享一下。

<p>以下2個是單個郵箱的新增字尾</p>

<div id="msg"></div>   
<input id='txt' value="" onpropertychange="handle();" oninput="handle();"/>   
<p>利用名稱空間</p>
<input id='txt2' value="" onpropertychange="YLH.handle();" oninput="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 = '
[email protected]
@[email protected]';
// 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" oninput="if(/@$/.test(value)) value+='163.com;'" />  <!-- 正則以//開始和結束,中間以@字元結尾,$是結尾的意思 -->

相關推薦

2方法文字輸入@自動郵箱字尾特別名稱空間引用方法

最近做個專案中,用到這個,貼出來大家分享一下。 <p>以下2個是單個郵箱的新增字尾</p> <div id="msg"></div>   <input id='txt' value="" onpropertychange

eclipse程式碼自動提示設定同時解決自動變數名的問題。配置eclipse,設定空格等號回車左括號等不自動詳細教程。

對於程式設計人員來說,要記住大量的類名或類方法的名字,著實不是一件容易的事情。如果要IDE能夠自動補全程式碼,那將為我們程式設計人員帶來很大幫助。 (一)、設定輸入任意字母即觸發程式碼補全。 eclipse程式碼裡面的程式碼提示功能預設是關閉的,只有輸入的時候才會提示功能,用vs的使用者可能不太習慣這種,

eclipse 自動程式碼設定不僅僅輸入“.”時才自動

eclipse預設是當我們輸入. 會出現自動補全的框框,如何讓eclipse在我們輸入任何字元時都會自動補全程式碼呢:window ---> preference --->java --->editor --->content assist--->

input輸入到限定長度時自動focus下一個input

 需求背景 需要輸入一串15位的數字,但是要分為3個輸入框,每個輸入框限定長度5位,當刪除當前輸入框的內容時,focus到上一個輸入框:     實現方法   var field = $('.phone-field'); field.on('

jQuery根據文字輸入實時模糊查詢詞匹配 ajax非同步查詢

/* ***人員檢索start (ajax實時後臺獲取最新資料) */     //按姓名檢索 /* function submitForm_serch() { var devicdids = $("#deviceid").val(); var search_roles=$("#Poli

蘋果手機文字輸入完畢後隱藏鍵盤後留白的處理方法

蘋果手機文字框輸入完畢後隱藏鍵盤後留白的處理方法 給文字框新增失去焦點事件 <input class="center-text" type="text" @blur="textBlur" v-model="parameter.phoneNo"

android studio中編輯的文字EditText以及文字輸入內容的獲取方法

 首先需要在佈局中加入如下內容,這樣一個文字框就有了 <EditText android:id="@+id/edit_text"//設定唯一的標識,呼叫時可通過id找到它 android:layout_width="match_pare

編寫一個應用程式使用者分別從兩個文字輸入學術的姓名和分數

package JAVA1; import java.awt.Button;   import java.awt.Label;   import java.awt.event.ActionEvent;   import java.awt.event.ActionListener;   import java.

input限制只能輸入正整數邏輯與和或運算 有時需要限制文字框輸入內容的型別本節分享下正則表示式限制文字框只能輸入數字、小數點、英文字母、漢字等程式碼。 例如,輸入大於0的正整數 程式碼

有時需要限制文字框輸入內容的型別,本節分享下正則表示式限制文字框只能輸入數字、小數點、英文字母、漢字等程式碼。 例如,輸入大於0的正整數 程式碼如下: <input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^

javascript 一個文字輸入完畢後自動跳轉到下一個文字方法

<!DOCTYPE html> <html> <head> <title>js24.html</title> <meta http-equiv="keywords" content="

input propertychange事件input的value值發生改變時觸發文字的值即時搜尋

   input是標準的瀏覽器事件,一般應用於input元素,當input的value發生變化就會發生,無論是鍵盤輸入還是滑鼠黏貼的改變都能及時監聽到變化只要當前物件屬性發生改變。   感覺找到了真愛。。。。。但是 onpropertychange 這兩個事件在 IE9

js文字輸入點回車觸發確定相容IEFF等

<head>  <script>  function EnterPress(e){ //傳入 event  var e = e || window.event;  if(e.k

js實現輸入文字的複製並且文字為不可編輯

  <div class="consigneeadd orderlist-box col-xs-12 pull-left">         <div class="row row-space bg-white">             <div class="col-xs-1

MFC中Edit控制元件垂直滾動條時文字超出時再顯示垂直滾動條

現在我需要實現這樣一個功能:      想要用edit控制元件本身的滾動條,並且設定該屬性,但是該滾動條會一直存在。效果如下圖,很是難看,當沒有輸入資訊時,也會出現垂直滾動條 其實,只有在文字超過設定的區域內才會顯示(在這我不知道如何上傳動態效果圖片,

限制文字輸入

$(".DingJing input").keyup(function () { // 當前輸入檢查 var c = $(this).val(); //判斷是否有小數點 if(c.ind

【前端】監聽文字輸入的字元數量

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <st

判斷文字輸入的內容是否為數字

驗證數字的正則表示式: "^\\d+$"          //非負整數(正整數 + 0)  "^[0-9]*[1-9][0-9]*$"    //正整數  "^((-\\d+)|(0+))$"     //非正整數(負整數 + 0)  "^-[0-9]*[1-9][

使用jquery實現文字輸入特效:文字逐個顯示逐個消失反覆迴圈

        前兩天看到某個網站上的輸入框有個小特效:文字逐個顯示,並且到字串最大長度後,逐個消失,然後重新迴圈顯示消失,迴圈顯示字串陣列。我對這個小特效有點好奇,於是今天自己嘗試用jquery寫一個簡單的小demo,終於把效果整出來了。首先看一下實現後的效果:

Android 提示資訊在文字輸入後消失

接上一篇接著寫文字監聽事件 上圖 沒錯,是之前的圖,還是之前的方法,只不過,這次不在afterTextChanged()裡面寫了,這次在onTextChanged()裡面寫,表示文字框正在改變時的監聽。 在文字框未輸入時,提示資訊存在,當文字框輸入時,提示資訊消失,我就寫了對第一個

java入門練習題:讀入一組整數不超過20個用戶輸入0時表示輸入結束;然後程式將從這組整數中把第二大的整數找出來並把它打印出來。

 程式意義:讀入一組整數(不超過20個),當用戶輸入0時,表示輸入結束;然後程式將從這組整數中,把第二大的整數找出來,並把它打印出來。  說明:(1)0表示輸入結束,它本身並不計入這組整數中。            (2)在這組整數中,既有整數又有負數;