Как использовать кнопку asp. net для проверки jquery, а затем go в веб-форму за кодом - PullRequest
Новая
       6

Как использовать кнопку asp. net для проверки jquery, а затем go в веб-форму за кодом

2 голосов
/ 20 июня 2020

У меня есть веб-форма asp. net, и я хочу сначала проверить текстовые поля. Затем, после этого (после успеха), go на задний код cs, но теперь, когда я нажимаю кнопку, он не работает

код jquery: ... 

<script type="text/javascript">
         (function () {
             'use strict';
             window.addEventListener('load', function () {
                 var form = document.getElementById('needs-validation');
                 form.addEventListener('submit', function (event) {
                         if (form.checkValidity() === false) {
                         event.preventDefault();
                         event.stopPropagation();
                     }
                    form.classList.add('was-validated');
                }, false);
            }, false);
        })();
    </script>

...

страница aspx: ... 

    <div class="form-row" style="z-index:1">
        <div class="form-group col-md-4" style="z-index:1">
      <label for="inputEmail4">Birth Date</label>
        <asp:TextBox ID="Birth_Date" class="form-control" runat="server" style="text-align:center" ValidationGroup="check" required></asp:TextBox>
      <cc1:CalendarExtender ID="CalendarExtender1" runat="server" Enabled="True" TargetControlID="Birth_Date" Format="dd/MM/yyyy">
      </cc1:CalendarExtender>
              <div class="invalid-feedback">  
                  enter date
             </div>
          </div></div>
<div class="form-row">
    <div class="form-group col-md-4">
      <label for="inputEmail4">phone number</label>
        <asp:TextBox ID="Phone" class="form-control"  runat="server" style="text-align:center; z-index:-1" ValidationGroup="check" pattern="^\d{10}$" required></asp:TextBox>
         <div class="invalid-feedback">  
                  enter phone
             </div>
    </div>
      </div>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:LinkButton ID="signup" runat="server" CssClass="btn btn-outline-success my-2 my-sm-0">save</asp:LinkButton>
        </ContentTemplate>
    </asp:UpdatePanel>

. ..

код cs: ... 

protected void signup_Click1(object sender, EventArgs e)
        {
        if(Page.IsValid)
        {
            Birth_Date.Text = "ُWelcome";
        }
        }

...

У меня больше текстового поля на моей странице aspx

1 Ответ

0 голосов
/ 20 июня 2020 

<script type="text/javascript">
         function ftn(){
             'use strict';
             window.addEventListener('load', function () {
                 var form = document.getElementById('needs-validation');
                 form.addEventListener('submit', function (event) {
                         if (form.checkValidity() === false) {
                         event.preventDefault();
                         event.stopPropagation();
                     }
                    form.classList.add('was-validated');
                }, false);
            }, false);
        }
    </script>

и добавьте свойство onclientclick в asp: button 

<asp:LinkButton ID="signup" onclientclick="ftn()" runat="server" CssClass="btn btn-outline-success my-2 my-sm-0">save</asp:LinkButton>
...