Код, который проверяет наличие требуемого текста в текстовых полях при отправке

#php #javascript #validation

#php #javascript #проверка

Вопрос:

как я могу проверить, заполнил ли пользователь некоторые текстовые поля при отправке? Мои текстовые поля имеют другой идентификатор и имя.

Если пользователь не ввел требуемый пароль like, форма не будет продолжена.

Спасибо.

1. Вы хотите внедрить проверку на стороне клиента? Вы используете ванильный JavaScript или можете использовать jQuery? Как выглядит ваш HTML-код? Что вы уже пробовали? Это должно заставить нас начать.

2. вы можете использовать .onsubmit() метод, найти все <input файлы и проверить их типы / значения

3. что вы подразумеваете под «другим» … отличается от чего? … являются ли они случайными?

Ответ №1:

Вы можете сделать это с помощью JavaScript или внутри самого скрипта.

При использовании javascript вы просто проверяете поля формы на соответствие вашим требованиям, прежде чем разрешить отправку формы. Однако вам все равно может потребоваться реализовать это в скрипте на случай, если по какой-либо причине у них отключен javascript.

По сути, в скрипте вы проверяете значения формы при их отправке:

 if($_GET['field_name']) !== 'the value I expect') {
  // show the form again with errors
}

// continue

Надеюсь, это поможет.

Ответ №2:

Попробуйте следующее. Естественно, вы можете настроить форму, идентификаторы и тому подобное, но основной принцип должен работать. также показано здесь: http://jsfiddle.net/j3nSB/2 /

  <form>
    <input type="text" id="username" value=""/>
    <input type="password" id="password" value="" />
    <input type="submit" id="submitButt" value="Go" />
    </form>

    document.getElementById("submitButt").onclick = function () {
        if(document.getElementById("username").value.length == 0 |document.getElementById("password").value.length == 0) {
          return false;
        }
    }

1. Не вызывайте кнопку отправки submit это может привести к ошибкам при попытке отправить форму с помощью JS-кода.

2. @Shadow Wizard у меня все работало нормально, но я полагаю, что некоторые браузеры могут захлебываться. обновлено.

3. Приветствую, добавление butt намного лучше. 😛

Ответ №3:

Предполагая, что у вас есть одна форма, вот самый простой / универсальный способ, который я могу придумать, используя обычный JavaScript.

 <script type="text/javascript">
var arrRequiredFields = [ "txtPassword", "txtEmail" ];
window.onload = function() {
   document.forms[0].onsubmit = function() {
      for (var i = 0; i < arrRequiredFields.length; i  ) {
         var field = document.forms[0].elements[arrRequiredFields[i]];
         if (field amp;amp; field.value.length == 0) {
            alert("Missing required value");
            field.focus();
            return false;
         }
      }
      return true;
   };
};
</script>

Просто введите имена (не ID) требуемых элементов, поместите код на свою страницу, и все готово.

Живой тестовый пример: http://jsfiddle.net/kf7pL /

Ответ №4:

используйте это:

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Он очень прост в использовании, и вы можете просто добавить класс ‘required’ к каждому требуемому полю ввода.

это так просто, как $('#form').validate();

Он также поддерживает такие вещи, как целое число и дата. Настоятельно рекомендую его всем