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


});

如何从输入中收集数据？

2 个答案: