jqueryが入力から結果を取得しない

なぜ入力から値が得られないのですか？私は警告ボックスでそれをチェックし、値はありません。私は間違ったコードが表示されないまたは多分私は私のコードで書くために何かjqueryが入力から結果を取得しない

<div class="login" align="left"> 
         <input type="input" class="user" placeholder="Username"/> 
         <input type="password" class="pass" placeholder="Password"/> 
         <button name="login" class="btnLogin" id="btnLogin">LOGIN</button> 
         <div class="register"><a href="register.php" class="reg">Register Now!</a></div> 
        </div> 



    <script> 
$(document).ready(function(){ 


    $(document).on('click','#btnLogin',function(){ 

     var username = $('.user').text(); 
     var password = $('.pass').text(); 
     alert(username); //------------>this alert box is null 
     $.ajax ({ 
      url:"login_func.php", 
      method:"POST", 
      data:{username:username, password:password}, 
      dataType:"text", 
      success:function(data){ 
       alert(data); 
      } 
     }); 
    }); 

}); 
     </script> 
    </body>

出典

2016-12-03 user5567987

テキストの代わりに使用val（） – Geeky

は、ユーザー名の textにご入力の種類を変更し、代わりに text()

$(document).ready(function(){ 
 

 

 
    $(document).on('click','#btnLogin',function(){ 
 

 
     var username = $('.user').val(); //here you need to use val() 
 
     var password = $('.pass').val(); //here you need to use val() 
 
     alert(username+ ", "+ password); //------------>this alert box is null 
 
     $.ajax ({ 
 
      url:"login_func.php", 
 
      method:"POST", 
 
      data:{username:username, password:password}, 
 
      dataType:"text", 
 
      success:function(data){ 
 
       alert(data); 
 
      } 
 
     }); 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="login" align="left"> 
 
    <input type="text" class="user" placeholder="Username"/> <!--here you need to add type text--> 
 
    <input type="password" class="pass" placeholder="Password"/> 
 
    <button name="login" class="btnLogin" id="btnLogin">LOGIN</button> 
 
    <div class="register"><a href="register.php" class="reg">Register Now!</a></div> 
 
</div>

を val()を使用

役に立てば幸い

出典

2016-12-03 06:16:59 Satendra

ああ、どうやって馬鹿ですか？ – user5567987

使用val()なくinput要素、selectとtextareaのすべての種類のtext()

$('.user').val();

を忘れてしまったかもしれませんその価値を得るためにval()を使用します。そして残りの要素は、text()を使用してこれらの要素の内部テキストを取得します。

出典

2016-12-03 06:12:13

通常、入力フィールドの値は.valによってアクセスされます。

$(document).ready(function(){ 
    $(document).on('click','#btnLogin',function(){ 

     var username = $('.user').val(); 
     var password = $('.pass').val(); 
     alert(username); //------------>this alert box is null 
     $.ajax ({ 
      url:"login_func.php", 
      method:"POST", 
      data:{username:username, password:password}, 
      dataType:"text", 
      success:function(data){ 
       alert(data); 
      } 
     }); 
    }); 

});

出典

2016-12-03 06:12:27

あなたが入力フィールドのvaluyeを取得しようとしているので、代わりに.text()の.val()を使用する必要があります。 .text()）は

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body><div class="login" align="left"> 
 
         <input type="input" class="user" placeholder="Username"/> 
 
         <input type="password" class="pass" placeholder="Password"/> 
 
         <button name="login" class="btnLogin" id="btnLogin">LOGIN</button> 
 
         <div class="register"><a href="register.php" class="reg">Register Now!</a></div> 
 
        </div> 
 

 

 

 
    <script> 
 
$(document).ready(function(){ 
 

 

 
    $(document).on('click','#btnLogin',function(){ 
 

 
     var username = $('.user').val(); 
 
     var password = $('.pass').val(); 
 
     alert(username); //------------>this alert box is null 
 
     $.ajax ({ 
 
      url:"login_func.php", 
 
      method:"POST", 
 
      data:{username:username, password:password}, 
 
      dataType:"text", 
 
      success:function(data){ 
 
       alert(data); 
 
      } 
 
     }); 
 
    }); 
 

 
}); 
 
     </script> 
 
    </body>

出典

2016-12-03 06:12:34

入力がテキストではなく、ヴァル（によって取得されなければならない等<p>、<div>などのテキスト要素のために使用されるべきです。

このスニペットを確認してください。

$(document).ready(function() { 
 

 

 
    $(document).on('click', '#btnLogin', function() { 
 

 
    var username = $('.user').val(); 
 
    var password = $('.pass').val(); 
 
    
 
    alert(username); //------------>this alert box is null 
 
    $.ajax({ 
 
     url: "login_func.php", 
 
     method: "POST", 
 
     data: { 
 
     username: username, 
 
     password: password 
 
     }, 
 
     dataType: "text", 
 
     success: function(data) { 
 
     alert(data); 
 
     } 
 
    }); 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="login" align="left"> 
 
    <input type="input" class="user" placeholder="Username" /> 
 
    <input type="password" class="pass" placeholder="Password" /> 
 
    <button name="login" class="btnLogin" id="btnLogin">LOGIN</button> 
 
    <div class="register"><a href="register.php" class="reg">Register Now!</a> 
 
    </div> 
 
</div> 
 

 

 

 
<script> 
 
</script> 
 
</body>

それは

出典

2016-12-03 06:13:26 Geeky

.text()の代わりに.val()を使用して値を取得します。を入力し、ユーザーの入力タイプをinputからtext .i.eに変更します。 <input type="text" class="user" placeholder="Username"/>

出典

2016-12-03 06:30:42

jqueryが入力から結果を取得しない

答えて

関連する問題