HTML JavaScript-带有额外/可选字段的表单问题

我有一个表单，如果用户从选择输入中选择“是”，它会显示额外的字段。除非用户选择“否”，否则这些额外字段都是必需的，在这种情况下，字段将被隐藏，并且必需的属性将被删除。它可以工作，但是我遇到了一个问题，如果用户选择“是”，然后返回到“否”，那么表单将不会提交，可能是因为它没有删除必需的属性，并且仍然希望填充字段。如果有人能帮助解决这个问题，我们将不胜感激

HTML:

您的问题在于：

if (document.getElementById('defect').value == 'Yes') {
//.....
  $('#auth_form').on('submit', function(e) { // validate the extra fields
    if (!ValidateInput()) {
      e.preventDefault();
    }
  })

如果用户单击“是”“代码”>“验证表单”将绑定到阻止提交的函数。但是在点击否之后，没有方法将其更改回来

if (document.getElementById('defect').value == 'No') {
   $('#auth_form').off('submit');
});

你的问题是：

if (document.getElementById('defect').value == 'Yes') {
//.....
  $('#auth_form').on('submit', function(e) { // validate the extra fields
    if (!ValidateInput()) {
      e.preventDefault();
    }
  })

如果用户单击“是”“代码”>“验证表单”将绑定到阻止提交的函数。但是在点击否之后，没有方法将其更改回来

if (document.getElementById('defect').value == 'No') {
   $('#auth_form').off('submit');
});