jQueryの：入力タイプのテキスト値は、アラート

ここ

function ValidateLogin() { 
 
    alert($("#txtUserName").val()); 
 
    //alert($('#txtUserName').val()); 
 
}

<html xmlns="http://www.w3.org/1999/xhtml"> 
 

 
<head> 
 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 
    <title>Login | Profi Admin</title> 
 
    <link href="css/960.css" rel="stylesheet" type="text/css" media="all" /> 
 
    <link href="css/reset.css" rel="stylesheet" type="text/css" media="all" /> 
 
    <link href="css/text.css" rel="stylesheet" type="text/css" media="all" /> 
 
    <link href="css/login.css" rel="stylesheet" type="text/css" media="all" /> 
 
</head> 
 

 
<body> 
 
    <div class="container_16"> 
 
    <div class="grid_6 prefix_5 suffix_5"> 
 
     <h1>Login</h1> 
 
     <div id="login"> 
 
     @* 
 
     <p class="tip">You just need to hit the button and you're in!</p> 
 
     <p class="error">This is when something is wrong!</p>*@ 
 
     <form id="form1" name="form1" method="post" action=""> 
 
      <p> 
 
      <label> 
 
       <strong>Username</strong> 
 
       <input type="text" name="UserName" class="inputText" id="txtUserName" /> 
 
      </label> 
 
      </p> 
 
      <p> 
 
      <label> 
 
       <strong>Password</strong> 
 
       <input type="password" name="Password" class="inputText" id="txtPassword" /> 
 
      </label> 
 
      </p> 
 
      <a class="black_button" onclick="return ValidateLogin();"><span>Authentification</span></a> 
 
      <label> 
 
      <input type="checkbox" name="checkbox" id="checkbox" />Remember me</label> 
 
     </form> 
 
     <br clear="all" /> 
 
     </div> 
 
     <div id="forgot"> 
 
     <a href="#" class="forgotlink"><span>Forgot your username or password?</span></a> 
 
     </div> 
 
    </div> 
 
    </div> 
 
    <br clear="all" /> 
 
</body> 
 

 
</html>

に表示され、警告では、私はユーザー名を取得しておりません。私も一重引用符を使用しようとしましたが、まだ表示されません。

出典

2016-04-13 thevan

あなたはjqueryのファイルへの参照を追加していません。 –

などのイベントハンドラを追加するか、https://jsfiddle.net/6jyzyeq4/ – guradio

あなたのサイトでJqueryを有効にするのを忘れたかもしれません。下の例では完璧に機能するためです。

function ValidateLogin() { 
 
     alert($("#txtUserName").val()); 
 
     //alert($('#txtUserName').val()); 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="container_16"> 
 
    <div class="grid_6 prefix_5 suffix_5"> 
 
     <h1>Login</h1> 
 
     <div id="login"> 
 
      
 
      <form id="form1" name="form1" method="post" action=""> 
 
       <p> 
 
        <label> 
 
         <strong>Username</strong>        
 
         <input type="text" name="UserName" class="inputText" id="txtUserName" /> 
 
        </label> 
 
       </p> 
 
       <p> 
 
        <label> 
 
         <strong>Password</strong> 
 
         <input type="password" name="Password" class="inputText" id="txtPassword" /> 
 
        </label> 
 
       </p> 
 
       <a class="black_button" onclick="return ValidateLogin();"><span>Authentification</span></a> 
 
       <label> 
 
        <input type="checkbox" name="checkbox" id="checkbox" /> 
 
        Remember me</label> 
 
      </form> 
 
      <br clear="all" /> 
 
      </div> 
 
      <div id="forgot"> 
 
      <a href="#" class="forgotlink"><span>Forgot your username or password?</span></a> 
 
      </div> 
 
     </div> 
 
    </div> 
 
    <br clear="all" />

出典

2016-04-13 08:42:23

などのイベントハンドラを追加してください。:)ありがとうございました。 – thevan

jQueryの：入力タイプのテキスト値は、アラート

答えて

関連する問題