只需单击一个按钮即可启用必填字段验证

Posted

技术标签:

【中文标题】只需单击一个按钮即可启用必填字段验证【英文标题】:Enable Required Field Validation In Only One Button Click 【发布时间】:2017-08-14 01:53:51 【问题描述】:

我正在用 asp.net c# 开发应用程序,因为我遇到了问题。 问题是 我在 asp.net 页面中有三个字段,其中包含银行名称、分行和 IFSC 代码,当我单击保存按钮时,这三个是强制填写的,

但是当我点击搜索和清除按钮时,它也应该要求填写这些字段。 单击其他按钮时如何限制这一点

“请填写此栏”..

假设我只搜索 sbi bank,它要求输入每个字段。

我的代码 进入银行

          </div>
          <div class="form-group col-md-3">
            <label for="exampleInputEmail1">
               Enter Branch</label>
           <asp:TextBox ID="txtBranchName" runat="server" type="text" CssClass="form-control" PlaceHolder="Enter Branch" required />

          </div>
         <div class="form-group col-md-3">
            <label for="exampleInputEmail1">
               Enter IFSC Code</label>
               <asp:TextBox ID="txtIFSCCode" runat="server" type="text" CssClass="form-control" PlaceHolder="Enter IFSC Code" required />
          </div>
          </td>
        </tr>
     </table>
        <br />
        <br />
<table border="0px" cellpadding="4px" cellspacing="4px" align="center" >
    <tr>
      <td>
        <asp:Button ID="btnSave" runat="server" ValidationGroup="valInsert" Text="Save" OnClick="btnSave_Click" ToolTip="Save" CssClass="btn btn-success" />
      </td>
      <td>
     <asp:Button ID="btnClear" runat="server" Text="Clear" OnClick="btnClear_Click" ToolTip="Clear / Refresh" CssClass="btn btn-default" />
      </td>
<td>
  <asp:Button ID="btnSearch" runat="server" ValidationGroup="valInsert" Text="Search" OnClick="btnSearch_Click" ToolTip="Search" CssClass="btn btn-success" /></td>
    <td>
 <asp:Button ID="btnPrint" runat="server" Text="Print" OnClientClick="return PrintPanel();" ToolTip="Print" CssClass="btn btn-default" />
   </td>
 </tr>
</table>

【问题讨论】:

从其他按钮中移除 ValidationGroup。 嗨,我删除了,但它仍然要求请填写此字段以点击所有按钮 【参考方案1】:

尝试在您的搜索按钮代码中输入formnovalidate

<asp:Button ID="btnSearch" runat="server" Text="Search" OnClick="btnSearch_Click" ToolTip="Search" CssClass="btn btn-success" formnovalidate  />

【讨论】:

嗨@Ravi 我想验证asp.net 中的下拉列表,我不知道如何验证下拉列表而不是使用必需的文本框。你能帮帮我吗? 检查这个解决方案***.com/questions/31878626/… 嗨@Ravi,请点击以下链接,我想在下拉菜单中显示这样的消息,但您的链接没有,encrypted-tbn2.gstatic.com/… @Surya 这种验证适用于文本框而不适用于下拉列表 感谢@Ravi,我终于明白了-html5 validation on asp:dropdownlist【参考方案2】:

在 ASP.net 中使用验证组

 <asp:TextBox ID="txtCustomer" class="form-control" runat="server"></asp:TextBox>
                                                        <asp:RequiredFieldValidator ID="rfvName" runat="server"
                                                            ControlToValidate="txtCustomer" ForeColor="Red"
                                                            ToolTip="Please enter name" ValidationGroup="Validate" Display="Dynamic">* Required</asp:RequiredFieldValidator>

<asp:Button ID="btnSave" CssClass="btn  btn-default" runat="server" Text="Save" ToolTip="Save Record" ValidationGroup="Validate" OnClick="btnSave_Click"/>
<asp:Button ID="btnClear" CssClass="btn  btn-default" runat="server" Text="Clear" ToolTip="Clear / Refresh" OnClick="btnClear_Click" />
<asp:Button ID="btnClose" CssClass="btn  btn-default" runat="server" Text="Close" ToolTip="Go To Main form." OnClick="btnCancle_Click" />

【讨论】:

【参考方案3】:

尝试使用 jquery/javascript 进行验证。

在 jquery 中编写按钮搜索并保存点击事件并根据需要进行验证。

$('#btnSave').click(function()
//code for required field validation
);

【讨论】:

【参考方案4】:

搜索和清除按钮的属性(导致验证)..你应该把它设为假;)

【讨论】:

这应该在评论中。

以上是关于只需单击一个按钮即可启用必填字段验证的主要内容,如果未能解决你的问题,请参考以下文章

如何启用/禁用 HTML5 必填字段验证?

即使未单击单选按钮,仍会提交表单[重复]

使用必填字段验证器更改文本框颜色。请不要扩展器控制

如何验证复合控件

使用反应钩子形式进行条件验证

Rails表单字段验证和单击处理程序