javascript - 从表单提交的输入字段中删除必需的属性

Question

型号:

[Display(Name = "City"]
[Required]
[RegularExpression(@"^(?!\d$).*$"]
[StringLength(20,MinimumLength = 2]
public string City { get; set; }

表格:

@Html.LabelFor(x => x.City, new { @class = "control-label" })
@Html.TextBoxFor(x => x.City, new {id="city" })

脚本:

<script>
  $(document).ready(function () {   
    $("#identificationForm").submit(function (e) {
      var required=document.getElementById("city").required;
      console.log(required);
      // e.preventDefault();
     });
  });
</script>

如果满足某些条件，我想删除所需的属性。无法通过这种方式执行此操作。我该如何实现？

Answer 1

JavaScript 区分大小写。

使用

document.getElementById("city").required = false;

Demonstration

请注意，当您尝试在元素存在之前访问该元素时，您的代码将无法正常工作。如果您不在事件上执行代码，请将您的脚本放在元素之后:

<input type="text" id="city" required>
<script>
if(somecondition is true){
    document.getElementById("city").required = false;
}
</script>

另请注意，您不能在提交函数中更改此设置并期望提交表单，因为为时已晚:如果未填写必填字段，则不会调用此事件处理程序!