jquery 触发所有输入元素并在加载时模糊

Question

我使用blur()将用户在表单中写入的内容复制到注册向导末尾的摘要页面中。这非常有效。

但是当我预设一些字段值并且这些值是正确的时，不会复制任何内容，因为用户可能不会与该特定字段进行交互。他们只需点击“继续”即可。

有没有办法触发所有文本字段、文本区域以便复制这些值？

这是我正在使用的功能:

/**
 *  Author: Thomas Kile
 *  Desc:   Copy text from a form element into a given tag.
 **
 *  @param string $type type of form element
 *  @param string $from Id of form element to copy text/value from.
 *  @param string $to Id of element to copy text/value into.
 */
    function copyFormData(type,from,to)
    {   
        switch (type)
        {
            case 'text':  var copied_text = $(from).val();  break; //  get input text value
            case 'select': var copied_text = $(from+' option:selected').text();  break;
        }
        $(to).text(copied_text);   //  put inside this tag
    }

这就是我使用它的方式:

$(firstName).blur(function(){   copyFormData('text',firstName,'strong#firstName');  });
$(lastName).blur(function(){    copyFormData('text',lastName,'strong#lastName');    });

我应该在哪里放置 trigger() 事件？使用 getJSON 获取列表后，我在 select>first 选项上使用了 trigger() ，以便在链接的选择事物中自动填充下一个列表。但这有点不同......

Answer 1

你可以使用技巧:)

$('input').each(function(){
  $(this).trigger('blur');
  //each input event one by one... will be blured
})