表单输入中所需的只读属性覆盖

Question

我的表单中有一些必需的输入，但出于某种原因，我必须在它们上面添加一个“readonly”属性。 问题在于，当我这样做时，“只读”属性起带头作用，我可以提交表单而不填写我想要填写的字段。

Answer 1

有一个Jquery解决方案可以在提交的表单中查找每个必填字段，并且如果至少其中一个字段未填充则阻止其提交：

  $('form').each(function() {
    var form = $(this)
    form.submit(function(e){
      form.find('[required]').each(function(){
        if ($(this).val().length == 0) {
          alert("Field not filled: " + $(this).attr('name'))
          e.preventDefault();
        }
      })
    })
  })