【问题标题】:how to stop validation on a particular textbox after hiding this textbox using angularjs使用angularjs隐藏此文本框后如何停止对特定文本框的验证
【发布时间】:2017-01-13 20:32:19
【问题描述】:

我有文本框和一个提交按钮..还有两个单选按钮..单选按钮用于显示/隐藏文本框1..我的问题是,选择单选按钮后,文本框 1 被隐藏..我添加了一个验证按钮 ng-click.. 它工作正常.. 但是在隐藏文本框后,如果我没有在 textbox1 中放入任何数据,验证仍然有效。 我的代码如下..

<form class="form-horizontal" name="myForm" method="get">
<asp:TextBox ID="txtto" runat="server" TextMode="Email" required  ng-model="EmailID" ></asp:TextBox>
<asp:TextBox ID="txtsubject" runat="server" ng-model="Subject"   required></asp:TextBox>
<asp:TextBox ID="editor"  runat="server" TextMode="MultiLine" ng-model="Message" Rows="10"  required></asp:TextBox>

<button ng-click="myform.$valid && SendMailData()"  id="sendmail" class="btn btn-sm btn-primary" data-toggle="tooltip" data-placement="top" title="Send">Send</button>

我已经使用这个 jquery 函数显示隐藏文本框

$("#txtto").hide();

我的问题是隐藏文本框后验证仍然有效... 谁能帮帮我????我想在隐藏这个文本框后停止验证这个文本框.......

【问题讨论】:

  • 这个答案可能对你有帮助stackoverflow.com/a/19133362/1868660
  • 这是我的单选按钮,用于隐藏“txtto”文本框..你能帮我看看如何通过单击这个特定单选按钮来编写 ng 必填字段
  • 你能修改我的 ng-required 代码吗??

标签: jquery angularjs


【解决方案1】:

使用ng-if 而不是$("#txtto").hide();

<asp:TextBox ID="txtto" runat="server" TextMode="Email" required  ng-model="EmailID" ng-if="radioValue == 'showText'"></asp:TextBox>

expression 是用于显示/隐藏标签的 angularjs 表达式。

可以应用以下逻辑::

<input type="radio" ng-model="radioValue" ng-value="showText">
<input type="radio" ng-model="radioValue" ng-value="HideText">

【讨论】:

  • 我要在表达式中写什么??
  • 函数怎么写
  • 实际上我有两个单选按钮,一个单选按钮用于显示所有文本框和按钮 1,另一个文本框用于隐藏 txtto 文本框并隐藏按钮 1 并显示按钮 2
  • 我已经更新了asnwer,你可以做相关的修改,让它为你工作。
猜你喜欢
  • 1970-01-01
  • 2023-03-11
  • 1970-01-01
  • 2017-09-23
  • 2015-12-03
  • 1970-01-01
  • 2020-02-05
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多