Heim > Web-Frontend > js-Tutorial > Hauptteil

Einfache Implementierungsmethode der JS-Click-Jump-Login-E-Mail-Funktion

黄舟
Freigeben: 2017-11-01 10:03:44
Original
3955 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Methode von JS, um einfach die Click-to-Jump-Anmelde-E-Mail-Funktion zu implementieren. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Vorwort

Während des Registrierungsprozesses benötigen Sie häufig Geben Sie Ihre E-Mail-Adresse ein und melden Sie sich zur Bestätigung an. JS kann verwendet werden, um die Klick-Anmeldebestätigung für verschiedene E-Mail-Adressen zu implementieren. Der folgende Implementierungsplan ist sehr einfach

Code

Daten zum E-Mail-Domainnamen

var hash = {
  'qq.com': 'http://mail.qq.com',
  'gmail.com': 'http://mail.google.com',
  'sina.com': 'http://mail.sina.com.cn',
  '163.com': 'http://mail.163.com',
  '126.com': 'http://mail.126.com',
  'yeah.net': 'http://www.yeah.net/',
  'sohu.com': 'http://mail.sohu.com/',
  'tom.com': 'http://mail.tom.com/',
  'sogou.com': 'http://mail.sogou.com/',
  '139.com': 'http://mail.10086.cn/',
  'hotmail.com': 'http://www.hotmail.com',
  'live.com': 'http://login.live.com/',
  'live.cn': 'http://login.live.cn/',
  'live.com.cn': 'http://login.live.com.cn',
  '189.com': 'http://webmail16.189.cn/webmail/',
  'yahoo.com.cn': 'http://mail.cn.yahoo.com/',
  'yahoo.cn': 'http://mail.cn.yahoo.com/',
  'eyou.com': 'http://www.eyou.com/',
  '21cn.com': 'http://mail.21cn.com/',
  '188.com': 'http://www.188.com/',
  'foxmail.com': 'http://www.foxmail.com',
  'outlook.com': 'http://www.outlook.com'
}
Nach dem Login kopieren

Holen Sie sich die E-Mail-Domain und ersetzen Sie den Link (jQuery muss hier eingeführt werden)

// 点击登录邮箱
var _mail = $("#email").val().split('@')[1];  //获取邮箱域
for (var j in hash){
  if(j == _mail){
    $(".js_login_mail").show().attr("href", hash[_mail]);  //替换登陆链接
  }
}
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonEinfache Implementierungsmethode der JS-Click-Jump-Login-E-Mail-Funktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!