Error with Modals in ASP.NET

Question

Error with Modals in ASP.NET

Navigation

#1 by (0 votes)
#2 by (0 votes)

0

I have two modals where I enter information, and consequently the entries to the database with a Button , but at the moment of clicking on the Button of one or the other, it does not do any action, and note that in the two modals the inputs are marked in red since I have them as required

This is my first modal :

<div class="modal fade" id="user_Modal" role="dialog">
             <div class="modal-dialog">
                   <!-- Modal content-->
                     <div class="modal-content">
                            <div class="modal-header" style="padding: 35px 50px;">
                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                <h4><span class="glyphicon glyphicon-user"></span>&nbsp Nuevo Usuario</h4>
                            </div>
                            <div class="modal-body" style="padding: 40px 50px;">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="input-group">
                                            <span class="input-group-addon" id="basic-addon1"><i class="fa fa-address-card" aria-hidden="true"></i></span>
                                            <asp:TextBox ID="Txt_who" runat="server" class="form-control" placeholder="Who" AutoComplete="off" required="true"></asp:TextBox>
                                        </div>
                                        <br />
                                        <!-- /input-group -->
                                    </div>
                                    <!-- /.col-lg-6 -->
                                    <div class="col-lg-6">
                                        <div class="input-group">
                                            <span class="input-group-addon" id="Span1"><i class="fa fa-universal-access" aria-hidden="true"></i></span>
                                            <asp:TextBox required="true" ID="Txt_pay" onkeypress='validate(event)' runat="server" class="form-control" placeholder="Payroll Number" AutoComplete="off"></asp:TextBox>
                                        </div>
                                        <br />
                                        <!-- /input-group -->
                                    </div>
                                    <!-- /.col-lg-6 -->
                                    <div class="col-lg-6">
                                        <div class="input-group">
                                            <span class="input-group-addon" id="Span2"><i class="fa fa-child" aria-hidden="true"></i></span>
                                            <asp:TextBox required="true" ID="Txt_name" runat="server" class="form-control" placeholder="Name" AutoComplete="off"></asp:TextBox>
                                        </div>
                                        <br />
                                        <!-- /input-group -->
                                    </div>
                                    <!-- /.col-lg-6 -->
                                    <div class="col-lg-6">
                                        <div class="input-group">
                                            <span class="input-group-addon" id="Span3"><i class="fa fa-gear fa-spin" aria-hidden="true"></i></span>
                                            <asp:TextBox required="true" ID="Txt_ou" runat="server" class="form-control" placeholder="OU" AutoComplete="off"></asp:TextBox>
                                        </div>
                                        <br />
                                        <!-- /input-group -->
                                    </div>
                                    <!-- /.col-lg-6 -->
                                    <div class="col-lg-6">
                                        <div class="input-group">
                                            <span class="input-group-addon" id="Span4"><i class="fa fa-cogs" aria-hidden="true"></i></span>
                                            <asp:TextBox required="true" ID="Txt_pool" onkeypress='validate(event)' runat="server" class="form-control" placeholder="Pool" AutoComplete="off"></asp:TextBox>
                                        </div>
                                        <br />
                                        <!-- /input-group -->
                                    </div>
                                    <!-- /.col-lg-6 -->
                                    <div class="col-lg-6">
                                        <div class="input-group">
                                            <span class="input-group-addon" id="Span5"><i class="fa fa-users" aria-hidden="true"></i></span>
                                            <asp:TextBox required="true" ID="Txt_team" onkeypress='validate(event)' runat="server" class="form-control" placeholder="Team" AutoComplete="off"></asp:TextBox>
                                        </div>
                                        <br />
                                        <!-- /input-group -->
                                    </div>
                                    <!-- /.col-lg-6 -->
                                    <div class="col-lg-6">
                                        <div class="input-group">
                                            <span class="input-group-addon" id="Span6"><i class="fa fa-gavel" aria-hidden="true"></i></span>
                                            <asp:TextBox required="true" ID="Txt_rol" runat="server" class="form-control" placeholder="Rol" AutoComplete="off"></asp:TextBox>
                                        </div>
                                        <br />
                                        <!-- /input-group -->
                                    </div>
                                    <!-- /.col-lg-6 -->
                                    <div class="col-lg-6">
                                        <div class="input-group">
                                            <span class="input-group-addon" id="Span7"><i class="fa fa-key" aria-hidden="true"></i></span>
                                            <asp:TextBox type="password" required="true" ID="Txt_pass" runat="server" class="form-control" placeholder="Password" AutoComplete="off"></asp:TextBox>
                                        </div>
                                        <br />
                                        <!-- /input-group -->
                                    </div>
                                    <!-- /.col-lg-6 -->
                                    <div class="col-lg-6">
                                        <div class="input-group">
                                            <asp:Button ID="Button1" runat="server" class="btn btn-success" Text="Guardar" OnClick="Btn_submitData" />
                                        </div>
                                        <br />
                                    </div>
                                    <!-- /.row -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

and this is my second modal :

<div class="modal fade" id="tool_Modal">
                    <div class="modal-dialog">

                        <!-- Modal content-->
                        <div class="modal-content">
                            <div class="modal-header" style="padding: 35px 50px;">
                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                <h4><i class="fa fa-cogs fa-2x" aria-hidden="true"></i>&nbsp New Tool</h4>
                            </div>
                            <div class="modal-body" style="padding: 40px 50px;">
                                <div class="row">
                                    <div class="col-lg-6">
                                            <span class="input-group-addon"><i class="fa fa-trademark" aria-hidden="true"></i></span>
                                            <asp:TextBox ID="Txt_trade" runat="server" class="form-control" placeholder="Trademark" AutoComplete="off" required="true"></asp:TextBox>
                                        <br />
                                        <!-- /input-group -->
                                    </div>
                                    <!-- /.col-lg-6 -->
                                    <div class="col-lg-6">
                                            <span class="input-group-addon"><span class="glyphicon glyphicon-home" aria-hidden="true"></span></span>
                                            <asp:TextBox required="true" ID="Txt_assign" runat="server" class="form-control" placeholder="Name to assign" AutoComplete="off"></asp:TextBox>
                                        <br />
                                        <!-- /input-group -->
                                    </div>
                                    <!-- /.col-lg-6 -->
                                    <div class="col-lg-6">
                                            <span class="input-group-addon"><i class="fa fa-minus-square" aria-hidden="true"></i></span>
                                            <asp:TextBox required="true" ID="Txt_min" runat="server" class="form-control" placeholder="Torque min" AutoComplete="off"></asp:TextBox>
                                        <br />
                                        <!-- /input-group -->
                                    </div>
                                    <!-- /.col-lg-6 -->
                                    <div class="col-lg-6">
                                            <span class="input-group-addon"><i class="fa fa-plus-square" aria-hidden="true"></i></span>
                                            <asp:TextBox required="true" ID="Txt_max" runat="server" class="form-control" placeholder="Torque Max" AutoComplete="off"></asp:TextBox>
                                        <br />
                                        <!-- /input-group -->
                                    </div>

                                    <div class="col-lg-6">
                                            <span class="input-group-addon"><i class="fa fa-certificate " aria-hidden="true"></i></span>
                                            <asp:TextBox required="true" ID="Txt_status" runat="server" class="form-control" placeholder="Status" AutoComplete="off"></asp:TextBox>

                                        <br />
                                        <!-- /input-group -->
                                    </div>
                                    <!-- /.col-lg-6 -->
                                    <div class="col-lg-6">
                                        <div class="input-group">
                                            <asp:Button ID="Button2" runat="server" class="btn btn-success" Text="Registrar" OnClick="tool_Submit" />
                                        </div>
                                        <br />
                                    </div>
                                    <!-- /.row -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

c# asp.net modal

asked by Cesar Gutierrez Davalos 29.05.2017 в 21:43

source

2 answers

0

I should not keep anything, the fields you see in red because you have defined "require" in the browser, so the browser tells you that this box should not be blank once you click on the submit button, but not you have defined a form, neither an action nor a method

answered by 29.05.2017 в 22:03

Show different panels in the same form with c # reading by keyboard of a registration of eight characters, the first being obligatory a letter

score 0 · Accepted Answer

If the modals are going to be two different validations, you must use a form element in each one.

The submit button what you do is validate the elements of the form, but if you have all the modals within the same form, all the submit buttons will validate all the fields.