Проверка вводимых значений в input type="text"
Необходимо, чтоб после нажатия кнопки "Ответить" срабатывала функция, которая проверит, введены ли цифры в поле input type="text".
Следовательно, если это так, то в параграф "comment" попадет собщение "Спасибо за ввод цифр", или если нет, то сообщение "Введите пожалуйста цифры". Помогите пожалуйста найти ошибку в моем примере. Заранее спасибо! html: <form> <label for="answer">Введите ответ:</label> <input type="text" maxlength="4" id="answer"> <p id="comment"></p> <input type="button" value="Ответить" id="buttonCalc" onclick="newF()"> </form> javascript: function newF() { var answer=document.getElementById("answer"); var regAns=/^\d\d?\d?\d?$/; var resultAns=answer.match(regAns); if (resultAns) { $('#comment').text("Спасибо за ввод цифр");} else { $('#comment').text("Введите пожалуйста цифры"); }; }; |
А так не будет достаточно?
<input type="number" required> |
Цитата:
|
Poznakomlus,
спасибо, но хотелось именно, чтоб дать юзеру свободу действий и потом при помощи сообщения поблагодорить его. |
рони,
необходимо, чтоб в answer попало именно то значение, которое введет человек. А потом, следовательно, при помощи регулярного выражения проверилось. |
Цитата:
|
<form> <label for="answer">Введите ответ:</label> <input type="text" maxlength="4" id="answer" value=""> <p id="comment"></p> <input type="button" value="Ответить" id="buttonCalc"> </form> <script> document.getElementById("buttonCalc").onclick = function () { document.getElementById("comment").innerHTML = { true: "Спасибо за ввод цифр", false: "Введите пожалуйста цифры" }[/\d{1,}/.test(document.getElementById("answer").value)]; }; </script> |
Методом научного тыка пришел к:
var answer=document.getElementById("answer").value; Спасибо за наводку. Все заработало. |
Poznakomlus,
тоже спасибо! |
Цитата:
|
Цитата:
оба варианта одинаковы + 1 или больше {1,} 1 или больше А вот начало и конец строки я пропустил :) |
Цитата:
Насчет начала строки - я думал про это, но автор пишет: Цитата:
|
Часовой пояс GMT +3, время: 11:52. |