Question

我有一个从用户那里收集航班信息的表格。用户可以输入他们的出发日期，出发时间和出发地点以及他们的返回日期，返回时间和返回位置。在我的表单外面有一个简单的单选按钮选项，允许用户在往返航班（默认）和单向航班之间切换。如果用户单击单向，则使用JQuery禁用和隐藏返回时间和日期。

我正在使用FormStrapValidaton.IO/Bootstrap验证器，我发现如果我在返回日期输入无效字段，则将航班从往返切换到单向错误不会重置并且我无法提交表格。我看了http://formvalidation.io/examples/clearing-field-when-clicking-icon/并清理了田地;但是，当有人点击单选按钮时，无法弄清楚如何从表单外部调用它。任何人都知道如何为表单外的对象调用http://formvalidation.io/api/#reset-field函数（或者在表单验证逻辑中执行它的方式）？

Answer 1

对于遇到这种情况的人。

我认为关键是在表单函数之外，你必须确保你正在处理jQuery对象。

$('#bookingForm').data('formValidation').resetField($('#returnDate'));

Answer 2

试试这个会起作用，你应该添加第二个参数，它的布尔from plugin website

如果为true，则该方法将字段值重置为清空或删除已选中/已选择的属性（用于收音机和复选框）。

 var fv = $('#formId').data('formValidation');
  fv.resetField('#element', true);

Answer 3

http://formvalidation.io/examples/modal/

$('#loginForm').formValidation('resetForm', true);

当Click事件在表单外时，如何使用FormStrap.IO/Bootstrap验证器重置验证字段？

3 个答案: