подтвердите дату как обязательное поле с Javascript

Question

подтвердите дату как обязательное поле с Javascript

1

Мне нужно проверить форму с помощью JS, чтобы без заполнения некоторых обязательных полей форма не может быть отправлена.

Например, чтобы указать фамилию по мере необходимости, я использовал,

<script>

    function validateform(){
        var x=document.forms["vacancy"]["surname"].value;
        if(x==""){alert("Surname must be filled out");
                 return false;}
</script>

Форма:

<form name="vacancy" action="" onSubmit="return validateform()">
Surname <input name="surname" type="text">
</form>

Этот код отлично подходит, но когда я использовал то же самое для дня рождения, он продолжается, не проверяя, предоставлено ли поле.

<script> 
function validateform(){
var a=document.forms["vacancy"]["dob"].value;
        if(a==""){alert("Birthdate must be filled out");
                 return false;}
</script>

<form name="vacancy" action="" onSubmit="return validateform()">
 Date of Birth <input name="dob" type="date">
</form>

Есть ли другой способ проверить, когда тип установлен на сегодняшний день?

she_grab 16 июль 2018, в 21:37

Источник

0

Вы проверили значение ( a ), которое имеет поле, если оно не заполнено?
Felix Kling 16 июль 2018, в 19:11
0

да. Это по-прежнему дает значение по умолчанию мм / дд / гггг
she_grab 16 июль 2018, в 19:23
0

Тогда есть твой ответ. mm/dd/yyyy - это не то же самое, что пустая строка, которую вы проверяете ( a=="" )
Felix Kling 16 июль 2018, в 19:25
0

Как браузер может узнать, что пользователь ввел данные или нет? Мне нужно сделать всплывающее окно с сообщением, если вход не предоставляется
she_grab 16 июль 2018, в 19:27

Показать ещё 2 комментария

Теги:

javascript

date

2 ответа

Ещё вопросы

Вы проверили значение ( a ), которое имеет поле, если оно не заполнено?
да. Это по-прежнему дает значение по умолчанию мм / дд / гггг
Тогда есть твой ответ. mm/dd/yyyy - это не то же самое, что пустая строка, которую вы проверяете ( a=="" )
Как браузер может узнать, что пользователь ввел данные или нет? Мне нужно сделать всплывающее окно с сообщением, если вход не предоставляется

Jason Cust · Answer 1 · 2018-07-16T17-55-00.000Z

По-видимому, у вас есть опечатка во втором скрипте: finction validateform(), где "finction" должно быть "function".

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

<form name="vacancy" action="">
  Surname <input name="surname" type="text" required></br>
  DOB <input name="dob" type="date" required></br>
  <button type="submit">Submit</button>
</form>

EDIT (для отредактированного вопроса): какой браузер вы используете, поскольку пример исправленного кода работает в приведенном ниже примере. Если вы используете обе формы на одной странице, то объявления функций, validateform, приведут к столкновению имен.

<script>
  function validateform() {
    var a = document.forms["vacancy"]["dob"].value;
    if (a == "") {
      alert("Birthdate must be filled out");
      return false;
    }
  }
</script>

<form name="vacancy" action="" onSubmit="return validateform()">
  Date of Birth <input name="dob" type="date">
</form>

Спасибо, я исправил это. Но это все то же самое. В идеале должно появиться окно сообщения, если DOB не заполнено, но при отправке этого не происходит.
@she_grab Я проверил на Chrome, FF и Safari для OSX, и это работает ... если проблема сохраняется в вашей среде, вы можете проверить либо пустую строку, либо любое другое значение, отображаемое для вас по умолчанию.

Kiran Sripada · Answer 2 · 2018-07-16T17-51-00.000Z

Вы можете просто проверить, по умолчанию значение 'mm/dd/yyyy' по-прежнему присутствует в 'a' вместо пустой строки, а затем выдает сообщение.

Формат значения по умолчанию для ввода даты - ГГГГ-ММ-ДД.