Espero ser claro.
Tengo un textarea
y con javascript le doy el atributo required
, y cuando le doy click al botón submit cuando no hay información escrita, aparece la alerta.(oculta)
Todo normal, pero lo que quiero es que después de que aparezca esta alerta oculta, el textarea
este listo para escribir en el, y no tengas que darle click.
Uso este código para intentar ese click pero no me funciona:
<script>
function validateForm() {
var x = document.forms["myForm"]["input"].value;
if (x == "") {
if( ! ("autofocus" in document.createElement( "input" ) ) )
{
document.getElementById( "input" ).focus();
}
return false;
}
}
</script>
Pero si me funciona al cargar la pagina que esté el textarea clickeado con este código:
<script>
if( ! ("autofocus" in document.createElement( "input" ) ) )
{
document.getElementById( "input" ).focus();
}
</script>
Mi formulario es este:
<form name="myForm" method="post" action="upload.php" onsubmit="return validateForm()" autocomplete="off">
<div id="txtar1"><textarea rows="34" cols="165" type="text" name="input" pattern=".{10,}" autofocus></textarea></div>
<br>
<br>
<div id="save1"><input type="submit" class="save-b" value="Save" /></div>
</form>