HTML requiere entrada de solo lectura en el formulario

Solución:

Tenía el mismo requisito que el tuyo y descubrí una manera fácil de hacer esto. Si desea que un campo de “solo lectura” también sea “obligatorio” (que no es compatible con HTML básico), y se siente demasiado vago para agregar una validación personalizada, simplemente haga que el campo sea de solo lectura usando jQuery de esta manera:

MEJORADO

formar las sugerencias en los comentarios

<input type="text" class="readonly" autocomplete="off" required />

<script>
    $(".readonly").on('keydown paste focus mousedown', function(e){
        if(e.keyCode != 9) // ignore tab
            e.preventDefault();
    });
</script>

Créditos: @Ed Bayiates, @Anton Shchyrov, @appel, @Edhrendal, @Peter Lenjo

ORIGINAL

<input type="text" class="readonly" required />

<script>
    $(".readonly").keydown(function(e){
        e.preventDefault();
    });
</script>

readonly los campos no pueden tener el required atributo, ya que generalmente se supone que ya tendrán algún valor.

Eliminar readonly y función de uso

<input type="text" name="name" id="id" required onkeypress="return false;" />

Funciona como quieras.

---

---

Utiliza Nuestro Buscador