javascript
  • jquery
  • 2013-06-25 48 views 0 likes 
    0

    這就是我的http://jsfiddle.net/bd9wv/ ...我想要做的是有框用戶可以輸入數字,並能夠根據他們給出的數字評論回來......我有一個只適用於...如果有人不介意告訴我......輸入是什麼,我認爲這是var val?我想我應該可以添加更多的盒子。 exp ... var al id="number1" type="text"/> ...然後在js ..... msg = 'Thank you for the wonderful number: ' + (val+al);但這對我不起作用。我想也許10盒..但2-3對我來說很好,看看它是如何完成的。我不理解的是持有輸入以及如何使用它......解釋一下會很棒,我認爲提交可能會讓我更好。但如果你有一個例子,我可以看看它的一個數字,我會非常感謝!我如何知道提供的用戶信息?

    $('#someButton').click(function() { 
         var val = $('#inputFieldId').val(); 
         var $outputDiv = $('#outputFieldId'); 
         var msg = ''; 
         if (! $.isNumeric(val)) { 
          msg = 'Please enter a valid number'; 
         } 
         else if (parseInt(val, 10) > 100) { 
          msg = 'Enter number less than 100';   
         } 
         else { 
          msg = 'Thank you for the wonderful number: ' + val; 
         } 
         $outputDiv.text(msg); 
    } 
    
    +0

    什麼「不工作」的嗎?你是否得到意想不到的結果?一個錯誤? –

    回答

    1

    保持大部分代碼到位,您可以完成這項工作。我將你的ID改爲類,因爲會有多個類似的元素。我修改了一塊您的JS以下幾點:

    var val = $(this).prev(".number").val(); 
    var $outputDiv = $(this).next().next(".feedback"); 
    

    使用this你可以找到最接近的元素到input用戶打字。

    而且你的HTML:

    Enter number: <input class="number" type="text"/> 
    <button class="btnNumber">Submit</button> 
    <br/> 
    Feedback: <div class="feedback"></div> 
    

    演示:http://jsfiddle.net/bd9wv/1/

    +0

    我期望能夠將所有輸入添加到一起。所以只需要一次提交。像這樣的東西,但沒有使用即時exp。 http://jsfiddle.net/philyphil/DwCRh/ – philly

    0

    我不能清楚地瞭解;但請嘗試,這是否對你的工作或沒有http://jsfiddle.net/bd9wv/2/

    例子:

    var val = $(this).parent().find('.number').val(); 
    

    在這裏,我已經使用類,並圍繞與另一div的HTML塊

    +0

    ....對不起,我期待能夠做這樣的事情,但與框和提示。 jsfiddle.net/philyphil/DwCRh ....我認爲html 和那種東西混淆了我。我有點理解html,並理解js相當不錯。只是學習jQuery。所以這可能會讓我去。我很困惑什麼是持有輸入,以及如何將它放入div或放在哪裏。對不起,我不是更清楚 – philly

    +0

    請改變你的問題,然後 – itsazzad

    +0

    爲什麼改變我的問題? – philly

    相關問題