Comment collecter des données à partir d'entrées?

Question

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

Ceci est entrée validate:

$(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(); 
    }); 

}); 

Comment collecter les valeurs de toutes les entrées dans un var code =""; puis afficher cette valeur en cliquant sur un bouton pour <textarea></textarea>?

J'ai fait une erreur, et comment faire des signatures différentes pour chaque ligne, mais pas partout Erreur 400? vérifier le code mis à jour

Answer 1

Jetez un oeil à la fonction de données 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

essayer ceci-

<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); 
    }); 


});