Как собрать данные из входов?

Question

<input id="e-1" type="text"/> 
<input id="e-2" type="text"/>
<button id="go">go</button>

Это проверка ввода:

$(document).ready(function(){
var code ="";
var c1="";
var c2="";
  $('input#e-1').bind('blur keyup',function() {
      c1 = "Error 400 - " + $('input#e-1').val();  
   });
  $('input#e-2').bind('blur keyup',function() {
      c2 = "Error 404 - " + $('input#e-2').val();  
   });

});

Как собрать значения со всех входов в var code ="";, а затем отобразить это значение, нажав кнопку для <textarea></textarea>?

Я ошибся, а как сделать разные подписи для каждой строки, но не везде Ошибка 400?проверить обновленный код

Answer 1

Посмотрите на функцию данных jQuery: http://api.jquery.com/jQuery.data/

$(document).ready(function(){
 $('input').bind('blur keyup',function() {
      $(this).data('my-error-codes', "Error " + $(this).data('error-name') + "- " + $(this).val());
   });

 $('#go').click(function(){
   var code = "";
   $("input").each(function(){
    code += $(this).data('my-error-codes') + "\n" || '';
   });
   $('#textarea').html(code);
 });

});

HTML:

 <textarea id="textarea"></textarea>
 <input id="e-1" type="text" data-error-name="400" /> 
 <input id="e-2" type="text" data-error-name="404" /> 
 <button id="go">go</button>

JsBin: http://jsbin.com/ubomeq/

http://jsbin.com/ubomeq/edit#source

Answer 2

попробуйте это-

<textarea id="textarea"></textarea>
$(document).ready(function(){
var code ="";
  $('input#e-1').bind('blur keyup',function() {
      code  += "Error 400 - " + $('input#e-1').val();  
   });
  $('input#e-2').bind('blur keyup',function() {
      code   += "Error 400 - " + $('input#e-2').val();  
   });
  $('#go').click(function(){
    $('#textarea').html(code);
  });


});