Es con
.title y no setAttribute()
Código Javascript
:
Ver originalelem.title = 'El campo esta vacio!';
Te hice unos cambios....... ahora los marcas con la clase "required" ...y te hice requeridos a los 2 campos:
Código Javascript
:
Ver original<form action="http://www.lalala.com" id="registro" name="registro" method="post" onsubmit="return validar()" >
<p>
<label></label>
<input type="text" name="user" id="user" accesskey="u" tabindex="1" placeholder="Usuario" class="required" />
<br>
<label for="pass"></label>
<input type="text" name="pass" id="pass" accesskey="p" tabindex="2" placeholder="Constraseña" class="required" />
</p>
<p>
<input type="submit" name="loginbutton" id="loginbutton" value="Enviar" accesskey="l" tabindex="3" >
<br>
</p>
</form>
<script type="text/javascript">
function validar()
{
elems = document.getElementsByClassName('required');
for (i=0;i<elems.length;i++)
if (!elems[i].value)
{
elems[i].title = 'El campo esta vacio!';
elems[i].focus();
return false; // evita se envie el formulario en caso de fallo
}
return true;
}
</script>
PD: se me fue doble post....... :(