Member 10619565 Ответов: 1

Проверка технологий HTML5 двух кнопок .Чистая


У меня есть главная страница с полем формы и страница с полями формы внутри asp.net использование проверки html5. Оба набора полей формы имеют кнопку отправки. Я знаю, что они находятся в одной и той же форме, как только страница скомпилирована.

Моя проблема заключается в том, что все поля требуют проверки. Я использую атрибут required="required". Я предпочитаю не использовать групповую проверку из c#.

Мне нужно, чтобы одно поле было отправлено, если выбрана одна кнопка, а остальные 3 поля были отправлены, если выбрана другая кнопка. На данный момент, если какая-либо кнопка отправлена, все поля формы должны быть заполнены. Одно из полей формы и кнопка находятся на главной странице подписки на новостную рассылку, а другие поля и кнопка-на странице.

Любая помощь будет очень признательна.

Спасибо, Джастис

Что я уже пробовал:

главная страница:
<div class="input-group">
                        <input runat= "server" name="emailOut" id="emailOut" placeholder="Your Email" class="form-control input-lg font-16" data-height="45px"  />
                        <span class="input-group-btn">
                          <button runat="server" data-height="45px" class="btn btn-colored btn-theme-colored btn-xs m-0 font-14" type="submit" id="submit" name="submit" onServerClick="Submit_Click" formnovalidate="formnovalidate" >Get Started</button>
                        </span>
                      </div>

код страницы:
<div class="row">
  <div class="col-sm-12">
    <div class="form-group">
      <input runat="server" type="text" placeholder="Enter Name" name="register_name" id="register_name"  class="form-control" />
    </div>
  </div>
  <div class="col-sm-6">
    <div class="form-group">
      <input runat="server" type="text" placeholder="Enter Email" name="register_email" id="register_email" class="form-control"  />
    </div>
  </div>
  <div class="col-sm-6">
    <div class="form-group">
      <input runat="server" type="text" placeholder="Enter Phone" name="register_phone" id="register_phone" class="form-control"  />
    </div>
  </div>
  <div class="col-sm-12">
    <div class="form-group text-center">
      <button runat="server" data-loading-text="Please wait..." class="btn btn-dark btn-theme-colored btn-sm btn-block mt-20 pt-10 pb-10" id="submit2" name="submit2" onServerClick="Submit_Click2">Send Now</button>
    </div>
  </div>
</div>

1 Ответов

Рейтинг:
0

MadMyche

Я бы сделал так, чтобы кнопка newsletter вызывала процедуру javascript для отправки значения через AJAX и обрабатывала его отдельной функцией; вы также можете вынуть его из формы страницы.

Я также хотел бы, чтобы эта подпрограмма функции AJAX установила файл cookie, который можно было бы использовать при рендеринге главной страницы, чтобы они не получали ту же самую форму при последующих вызовах страницы.


Member 10619565

Спасибо за ваш ответ... У вас есть пример, которому я мог бы последовать? Кроме того, когда вы сказали, что можете также вынуть его из формы страницы, что вы имели в виду?

MadMyche

Возьмите код, который вы разместили для главной страницы, и выведите его за пределы блока форм. Существует множество доступных скриптов о том, как размещать сообщения со страницы с помощью AJAX