Как получить значение, введенное пользователем в текстовое поле html, переданное в функцию javascript? - PullRequest
0 голосов
/ 03 сентября 2011

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

У меня есть следующий код для моей HTML-формы:

 <form name="input" action="nextpage.html" onSubmit="return checkUserInput()" method="get">
 Number: 

 <input type="text" name="user" />
 <input type="submit" value="Submit" />

 </form>

checkUserInput () - это функция javascript, которая будет принимать вводимые пользователем данные, сравнивать их с отображаемым случайным числом, чтобы убедиться, что они совпадают, а затем возвращать значение true или false, если два числа не совпадают .

Как получить данные, введенные пользователем в форму текстового поля, и передать их в функцию checkUserInput (). Я думал, что это будет «return checkUserInput (INPUT)», но я не уверен, как правильно передать ввод пользователя в функцию.

Вторичная проблема, с которой я столкнулся, заключается в том, что я хочу, чтобы страница обновлялась другим случайным числом и отображалось сообщение об ошибке, если пользователь нажимает «Отправить», если числа не совпадают. На данный момент существует только одно действие: action = "nextpage.html", но я хочу, чтобы опция checkUserInput () возвращала false. Есть ли способ иметь два разных действия в зависимости от того, возвращает ли checkUserInput () значение true или false?

Спасибо, Джо

Вот также моя функция checkUserInput ():

 var whatevertheyentered;

 function checkUserInput(whatevertheyentered){

 if(whatevertheyentered == randomnumber){
      return true;
 }
 else {
      return false;
 }

 }

1 Ответ

2 голосов
/ 03 сентября 2011

Вы можете получить к нему доступ, используя document.form[0].user.value (при условии, что это первая форма на странице).

Или укажите для поля ввода "user" идентификатор и найдите его, используя document.getElementById("theId").

Выполните оба действия в вашей функции checkUserInput.

...