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

Question

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

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

Спасибо.

Answer 1

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

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

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

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

// continue

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

Answer 2

Предполагая, что у вас есть одна форма, вот самый простой / общий способ, который я могу себе представить, используя простой 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 && field.value.length == 0) {
            alert("Missing required value");
            field.focus();
            return false;
         }
      }
      return true;
   };
};
</script>

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

Тестовый случай: http://jsfiddle.net/kf7pL/

Answer 3

Попробуйте ниже.Естественно, вы можете настроить форму и идентификаторы и тому подобное, но основной принцип должен работать.также показано здесь: 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;
        }
    }

Answer 4

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

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

Его очень просто использовать, и вы можете просто добавить класс 'required' в каждое обязательное поле ввода.

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

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