カスタムcpanelログインフォーム

私はcpanelウェブメールログインに資格情報を渡すカスタムWebmailログインページを作成しようとしています。質問は、いくつかのコーディングでは、私の電子メールのドメイン名なしでusernameを入力するだけで、 "@ mywebsitename.com"を使わないでusernameを入力することが可能ですか？これまでのログインフォーム。カスタムcpanelログインフォーム

<!DOCTYPE html> 
 
<html lang="en"> 
 

 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Document</title> 
 
    <link rel="stylesheet" type="text/css" href="mail.css"> 
 
</head> 
 

 
<body> 
 
    <div id="content-wrap"> 
 
    <form action="https://mywebsite.com:2096/login/" method="post"> 
 
     <input name="login_theme" type="hidden" value="cpanel" /> 
 
     <div class="login"> 
 
     <h1>Login</h1> 
 
     <form method="post"> 
 
      <input type="text" name="user" id="user" placeholder="Username" required="required" /> 
 
      <input type="password" name="pass" id="pass" placeholder="Password" required="required" /> 
 
      <button type="submit" class="btn btn-primary btn-block btn-large">Let me in.</button> 
 
     </form> 
 
     </div> 
 
     <script type="text/javascript"> 
 
     <!-- 
 

 
     var init = function() { 
 
      document.getElementById("user").value = ''; 
 
      document.getElementById("pass").value = ''; 
 
      document.getElementById("user").focus(); 
 
     }; 
 

 
     if (window.addEventListener) { 
 
      window.addEventListener('load', init, false); 
 
     } else if (document.addEventListener) { 
 
      document.addEventListener('load', init, false); 
 
     } 
 
     </script> 
 
     <input name="goto_uri" type="hidden" value="/?login_theme=cpanel" /> </form> 
 
    <br /> 
 
    <br /> 
 
    </div> 
 
</body> 
 

 
</html>

出典

2017-11-01 Grunf

その外部フォームからcPanelのウェブメールへの接続が許可された日までの場合、私はわかりません。

<form id="loginForm" action="example.com/blabla" method="post"> <!-- here added ID to the form --> 
    <input id="user" name="user" placeholder="Username" required="required" type="text" /> 
    <input id="pass" name="pass" placeholder="Password" required="required" type="password" /> 
    <button class="btn btn-primary btn-block btn-large" onclick="Update(); return false;" type="submit"> 
    Let me in.</button> 
</form>

JavaScriptの一部：

しかし、電子メールドメインを更新するには、フォーム自体のJavaScriptの要件について

、あなたがこの方法を使用することができます

また

<script type="text/javascript"> 
function Update(){ 
    var user; 
    var element = document.getElementById("user"); 
    user = element.value + "@example.com"; 
    element.value= user; 
    //alert(element.value); //to debug: show new email value before submit 
    document.getElementById("loginForm").submit(); 
    element.value=""; // debug: reset input 
} 
</script>

、それはより複雑なものであれば、 jQueryへのアップグレードを検討することができます。一緒に仕事するのがとてもスムーズです。

更新：

あなたはjQueryの中でこれを行う方法を疑問に思う場合：私は= "" `element.valueからcomentedとき

<script> 
$(function(){ 
$(".btn-primary").click(function(e){ 
    e.preventDefault(); 
    var user; 
    var element = $("#user"); 
    user = element.val() + "@example.com"; 
    element.val(user); 
    alert(element.val()); //to debug: show new email value before submit or 
    console.log(elemetn.val()); 
    $("#loginForm").submit(); 
    element.val(""); // debug: reset input 
}); 
}); 
</script>

出典

2017-11-01 13:29:35 wpcoder

はすぐに働きました。 //入力をリセットする '。ありがとうalot – Grunf

誰かがヒットし、再びクリックして送信するとき、その行は重要です。 – wpcoder

それを使って、私はサブミットフィールドを削除し続けるだけです。 – Grunf

カスタムcpanelログインフォーム

答えて

関連する問題