Как я могу использовать jQuery для автоматического заполнения формы в моем демо-сайте, как если бы реальный человек действительно печатал?

Question

У меня есть сайт с регистрационными формами.Я собираюсь продемонстрировать веб-сайт на экране и хотел бы, чтобы формы заполнялись самостоятельно, как если бы человек вручную вводил данные формы.

Есть ли относительно простой способ сделать это с помощью jQuery?

Большое спасибо!

Answer 1

Я бы вместо этого посмотрел на Selenium IDE .

Answer 2

Вот простое решение:

//declare string to write,
//then split it at each letter,
//then get the total number of letters,
//declare a starting index of zero,
//then set a timer for an interval
var string  = 'hello there',
    letters = string.split(''),
    total   = letters.length,
    index   = 0,
    $ele    = $('input'),//this should be changed to target the form input you want to type into
    timer   = setInterval(function () {

        //check if there are any more letters
        if (index < total) {

            //if there are more letters then add the next letter to the input
            $ele.val(function () {
                return $ele.val() + letters[(index++)];
            });

        //if there are no more letters then clear the interval so it stops running
        } else {
            clearInterval(timer);
        }
    }, 500);

Вот демоверсия: http://jsfiddle.net/pCVE6/

Answer 3

А как насчет макро-плагина?Если вы используете Firefox, вы можете проверить это: iMacros .

Answer 4

Из этого вопроса о переполнении стека похоже, что существует плагин jQuery с именем jTypeWriter , который может делать то, что вы ищете.

Но , как говорит Роберт , плагин Selenium IDE для Firefox позволяет записывать и воспроизводить взаимодействия с браузером - при условии, что вы используете демо-версию со своего собственного компьютера, это, вероятно, проще, чем написать кучу jQuery код.