從輸入形式獲取文本返回空字符串，但執行console.log顯示顯示文本

我知道這是一個常見的問題貼，所以我很抱歉，但我試過javascript，jQUERY，parts of this，好幾個版本，從之前的工作是做的工作，.value，.textContent，.innerHTML，getAttribute（'value'），document.getElementById和其他所有我能想到的東西。從輸入形式獲取文本返回空字符串，但執行console.log顯示顯示文本

我console.log（user_name.value）並獲得我想要的值，但是當我console.log（名稱）或嘗試使用user_name.value它只是一個空字符串。我是開發新手，所有其他代碼都在工作，其他所有內容都掛在這個簡單的部分上，而我現在還無法解決它。任何幫助將如此讚賞。

HTML：

<form> 
     <input id="user_name" type="text" placeholder="Your Name" /> 
     <input id="user_email" type="text" placeholder="Your E-mail" /> 
    </form>

的JavaScript：

var name; 
var email; 

function reserveSeat(name, seatNumber, email) { 

    var name = $('#user_name').getAttribute('value'); 

    var email = $('#user_email').getAttribute('value'); 

    var seatNumber = seatNumbers; 

    reservedSeats.push (new CustomerReservation (name, seatNumber, email)); 
    console.log(name) 
    console.log(email) 
}; 

$('.submitBtn').on('click', reserveSeat(name, seatNumber, email));

來源

2016-11-15 GR Miller

你試過所有，但正確的：val()

name = $('#user_name').val(); 

email = $('#user_email').val();

注：如果submitBtn是一種類型的提交，不要忘記防止默認事件，

$('.submitBtn').on('click', function(e){ 
    e.preventDefault(); 
    name = $('#user_name').val(); 
    email = $('#user_email').val(); 
    reservedSeats.push (new CustomerReservation (name, seatNumber, email)); 
    console.log(name) 
    console.log(email) 

});

注2：如果您的形式是動態添加，不要忘記如何授權事件

來源

2016-11-15 05:46:08 madalinivascu

太棒了。謝謝！這工作，並幫助我這麼多！ –

沒有叫值在輸入框中輸入屬性和您正在使用」使用jQuery用JavaScript功能。 VAL（）」是正確的選擇

來源

2016-11-15 05:48:14

Try this, 

<form> 
    <input id="user_name" type="text" placeholder="Your Name" /> 
    <input id="user_email" type="text" placeholder="Your E-mail" /> 
    <input id="submitBtn" type="submit" class="submitBtn"/> 
</form> 


$(document).on('click','.submitBtn',function(){ 

     var name = $('#user_name').val(); 
     var email = $('#user_email').val(); 

     console.log(name) 
     console.log(email) 

});

來源

2016-11-15 05:53:42 user3040610

謝謝！對於開發人員而言，我知道答案在這裏，比我想要的要簡單。謝謝！ –

請查看這個

/*need gobal variable or not?? if not I will just remove it 
 
var name; 
 
var email; */ 
 

 

 
function reserveSeat(seatNumbers) { 
 
    /*for savety*/ 
 
    seatNumber = Number(seatNumbers) || 5; 
 
    /* change getAttribute(value) to val()*/ 
 
    var name = $('#user_name').val(), 
 
    email = $('#user_email').val(); 
 

 
    reservedSeats.push(new CustomerReservation(name, seatNumber, email)); 
 
    console.log(name); 
 
    console.log(email); 
 
}; 
 

 
$('.submitBtn').on('click', reserveSeat(seatNumber));

來源

2016-11-15 05:57:23 RizkiDPrast

從輸入形式獲取文本返回空字符串，但執行console.log顯示顯示文本

回答

相關問題