jQuery를 사용하여 텍스트 상자 값 가져 오기

jQuery 및 AJAX 응답을 사용하여 동적으로 로그인 양식을 만듭니다. 양식이 작성되고 올바르게 표시됩니다. 그러나 양식 데이터를 읽을 수 없습니다.jQuery를 사용하여 텍스트 상자 값 가져 오기

$(document).ready(function(){ 
    $('#proper-form').on('click', '#submit-button', function() { // loginForm is submitted 

alert ("here"); 
    var username = $('#email').attr('value'); // get username 
    var password = $('#password').attr('value'); // get password 
alert (password); 
alert (username); 

    // code for form submit using ajax 

}); 
});

그것은 사용자 이름과 암호를 모두 undefined undefined을 경고하는 것 :

이

내 코드입니다.

아무도 나에게 무슨 문제가 있는지 알아낼 수 있습니까?

var username = $('#email').val(); 
var password = $('#password').val();

설정하려면 :

출처

2013-09-28 Devesh Agrawal

중복 가능성 [? 내가 jQuery를 사용하여 텍스트 상자의 값을 얻는 방법] (http://stackoverflow.com/questions/463506/how-do- i-get-the-value-of-a-textbox-using-jquery) – senthilbp

속성 입력 요소의 값을 읽고() .val 사용할 필요가 값을 사용 val(value) 기능 :

$('#email').val('some new value');

출처

2013-09-28 06:19:43

매우 빠른 응답을 보내 주셔서 감사합니다. 잘 작동합니다. :) –

당신은 그냥 값을 얻으려면, val() 기능을 사용하지

var username = $('#email').val();

출처

2013-09-28 06:19:03

이 이미 좋은 답변이 여기에 있습니다,하지만 난 생각 value가 참으로 입력 필드의 속성 임에도 불구하고 .attr()을 사용하는 것이 왜 작동하지 않는지 이해해야합니다. .

: 대한 "뭔가"를 반환

input.getAttribute('value'),

: 당신은 ('# 메일')를 $를 사용하는 경우

ATTR ('값'); 이 같은 동일합니다 에 관계없이 사용자가에 입력 한 내용의

<input type="text"value="something"/>

. 그러나

사용 $('#email').val() 은 다음과 같습니다. input.value 대신 실제로 사용자가 입력 한 내용을 반환합니다. 이 경우

, 당신은 "암시 적으로 설정"= 값이없는 : 당신은 단지 사용자가에 입력 한 내용 원하는

따라서, .val()를 사용합니다.. 자세한 내용은

출처

2013-09-28 07:28:25

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){    
$("#test").click(function(){ 
//textbox    
     var first_name = $("#first_name").val(); 
     alert(first_name); 
}); 
}); 
</script> 
<div>username <input type="text" id="first_name" class="first_name" name="first_name" placeholder="type username"/> 
<a href="javascript:void(0)" id="test" class="shortc-button small blue">Get Data</a></div>

방문 : http://www.codingprogrammer.com/tutorialdemo/jquery-tutorial/get-value-of-textbox-in-jquery-example/

의

출처

2016-01-22 07:12:50

jQuery를 사용하여 텍스트 상자 값 가져 오기

답변

관련 문제