マイページはhtml5入力とaspグリッドビューで構成されています。任意の行の鳥瞰ボタンを押すと、HTML5入力検証メッセージが表示されます。私は、フォームの必須フィールドを埋めることなく、グリッドのASPボタンを使用することはできませんが、私はグリッドビューを使用するためにフォームを埋める必要はありません。html5入力妥当性検査のASPグリッド表示を防止するボタンのプレス
HTML5入力の検証は、ページ内のすべてのボタンではなく、サブミットボタンに対してのみ機能します。どうやってやるの?
<div class="content">
<div class="box box-default">
<div class="form-horizontal">
<div class="form-group">
<label class="col-md-2 control-label">Type</label>
<div class="col-md-4">
<input type="text" class="form-control input_text" runat="server" id="inputType" placeholder="BILLING TYPE" required="required" autocomplete="off" />
</div>
<div class="col-md-4">
<asp:RequiredFieldValidator ID="rfv2" ControlToValidate="inputType" ErrorMessage="*" ValidationGroup="btnSubmitClick" runat="server"></asp:RequiredFieldValidator>
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">Amount</label>
<div class="col-md-4">
<input type="number" class="form-control input_text" runat="server" id="inputAmount" placeholder="BILLING AMOUNT" required="required" autocomplete="off" />
</div>
<div class="col-md-4">
<asp:RequiredFieldValidator ID="rfv3" ControlToValidate="inputAmount" ErrorMessage="*" ValidationGroup="btnSubmitClick" runat="server"></asp:RequiredFieldValidator>
</div>
</div>
<div class="form-group">
<div class="col-md-2"></div>
<div class="col-md-2">
<asp:Button ID="btnSubmit" runat="server" Text="SUBMIT" OnClick="btnSubmit_Click" Style="width: 100%" class="btn btn-block btn-primary"
CausesValidation="true"
ValidationGroup="btnSubmitClick"
OnClientClick="if (!Page_ClientValidate()){ return false; } this.disabled = true; this.value = 'Saving...';"
UseSubmitBehavior="false" />
</div>
</div>
</div>
</div>
<div class="col-md-12">
<asp:ScriptManager ID="adminScriptManager" runat="server" EnablePageMethods="true"></asp:ScriptManager>
<asp:UpdatePanel ID="updatepanel1" runat="server">
<ContentTemplate>
<div id="div_grid" runat="server">
<asp:GridView ID="GridView1"
runat="server"
AutoGenerateColumns="false"
Width="100%"
HeaderStyle-HorizontalAlign="Left"
CssClass="gridview"
AlternatingRowStyle-CssClass="even" DataKeyNames="ID" OnRowCommand="GridView1_RowCommand">
<Columns>
<asp:TemplateField HeaderText="S No." ItemStyle-Width="5%">
<ItemTemplate>
<%#Container.DataItemIndex+1 %>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="BILLING_AMOUNT"
HeaderText="AMOUNT">
<ItemStyle VerticalAlign="Top" />
</asp:BoundField>
<asp:BoundField DataField="CREATED_BY"
HeaderText="CREATED BY">
<ItemStyle VerticalAlign="Top" />
</asp:BoundField>
<asp:TemplateField HeaderText="STATUS">
<ItemTemplate>
<asp:Button ID="btnBilled" CommandName="ChangeStatus" CommandArgument='<%#Eval("ID")+","+ Eval("BILL_STATUS")%>' Text='<%# Convert.ToBoolean(Eval("BILL_STATUS")) ? "DISABLE" : "ENABLE" %>' runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="GridView1" EventName="RowCommand" />
</Triggers>
</asp:UpdatePanel>
</div>
</div>
</div>
Iは、グリッドビューでASPボタンID =「btnBilled」を押すと、入力フィールドinputTypeのためのHTML5の検証が示されています。どうすればこれを回避できますか?
私はあなたが示唆したように試みましたが、機能しません。 HTML5の検証メッセージをテキストボックスから取得しています。 – user4221591