hola, estoy haciendo un formulario de contacto para una tarea, me piden que haga las validaciones con javascript(apenas estoy empezando), hay unos campos que son requeridos y queria colocarle un mensaje cuando se dejen vacios, es posible reutilizar este mensaje para los demas campos. este es mi codigo
estos son dos campos requeridos, tengo dos span de class="requerido", para estos campos
Código:
<tr>
<td><label>Nombre: </label></td>
<td ><input type="text" id="nombre" placeholder="Andres Echeverri" onblur="validacamporequerido(this.value.length)" onkeypress="return validarnumeros(event)" ><span class="requerido" > * Campo requerido </span></td>
</tr>
<tr>
<td><label>Email: </label></td>
<td ><input type="text" name="user" id="nombre" onblur="validacamporequerido(this.value.length)" placeholder="Andrex.125d"><span class="requerido" > * Campo requerido </span></td>
</tr>
como puedo hacer para que cada span se me mustre por aparte, lo que sucede ahora es que si dejo un campo vacio por ejemplo el del email, el span se mustra al lado del nombre.
muchas gracias.