2016-12-06 4 views
1

У меня есть страница, которая содержит следующее:Как проверить обязательные поля на нескольких формах на одной странице?

<!DOCTYPE html> 
    <html> 
     <body> 

     <form action="demo_form.asp"> 
      Username: <input type="text" name="usrname" required> 
     </form> 

     <div class="map"></div> 
     <div><p>Some content to explain some things</p></div 

     <form action="demo_form.asp"> 
      Username: <input type="text" name="lastusrname" required> 
      <input type="submit"> 
     </form> 

     <p><strong>Note:</strong> The required attribute of the input tag is not supported in Internet Explorer 9 and earlier versions, or in Safari.</p> 

    </body> 
</html> 

При нажатии кнопки Submit, он проверяет только 2-ю форму, где вход подать включен. Я предполагаю, что мне нужно будет написать некоторую функцию JQuery или Javascript, чтобы проверить, заполнены ли все необходимые поля?

Причиной двух форм является то, что у меня есть другой HTML между формами

+0

Зачем вам здесь нужно иметь две формы? Если у вас будет только карта между ними, она может находиться внутри тегов формы. –

ответ

2

Причиной двух форм является то, что у меня есть другой HTML между формами

Вы можете вставлять другие HTML в форме - попробуйте. Существование двух элементов FORM - вот что нарушает вашу форму представления.

+0

Я знаю, что это может быть правильный способ перепроектировать форму, но я бы предпочел. Вышеприведенный пример. У меня более 1000 строк кода, смешанных с формами. Есть ли способ достичь этого, не изменяя структуру HTML? – jdog

+0

Это, по-видимому, классический ASP. Подумайте о том, чтобы сделать материал между открытием и закрытием тегов FORM в '# INCLUDE'. –

+0

Я только что удалил все остальные формы открытия и закрыл теги формы между первым и последним тегом и работал, не нарушая внешний вид или структуру содержимого. БОЛЬШОЕ СПАСИБО! – jdog