Проверка технологий 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>