只读无效时阻止提交

Question

有没有办法防止在不使用自定义 JS 代码的情况下提交具有无效但只读输入的表单？

<form>
    <input name="number" type="number" value="-1" min="0" readonly>
    <input type="submit">
</form>

Answer 1

我有一个选择，我检查用户是否从带有 indexOf 的列表中引入一个值：

if ([1,3,12].indexOf(foo) > -1)

一旦用户选择，输入变为只读：

document.getElementById("location").readOnly = true;

提交时，如果位置不是只读的，则阻止提交。

*已编辑：如果用户没有选择值，我发现的另一种方法是清空输入：

var inp = document.getElementById('youInput');
inp.addEventListener("blur", function(e) {
   if(postcodes.indexOf(inp) == -1)   {
    inp.value = '';
    alertify.error('Please choose a location from the list.');   
    return false; 
  }
 return true;     
 });