Diferència entre revisions de la pàgina «Solucio id»
De wikiserver
(Es crea la pàgina amb «<source lang="html"> <!DOCTYPE html> <html> <head> <meta charset=utf-8"> <title>Ejemplo 2</title> <script src="js/jquery-1.5.1.min.js" ></script>…».) |
|||
Línia 11: | Línia 11: | ||
<h1>Ejemplo de Formulario Web</h1> | <h1>Ejemplo de Formulario Web</h1> | ||
<form > | <form > | ||
− | Nombre | + | Nombre <input name="nombre" id="elNombre" placeholder="Escribe tu nombre" autofocus></p> |
− | + | Fecha <input name="fecha" type="date"> | |
− | |||
− | Fecha<input name="fecha" type="date"> | ||
<input type="button" id="elBoton" value="Para pulsar"> | <input type="button" id="elBoton" value="Para pulsar"> | ||
</form> | </form> |
Revisió del 14:08, 19 feb 2015
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8">
<title>Ejemplo 2</title>
<script src="js/jquery-1.5.1.min.js" ></script>
<script src="js/fichero.js" ></script>
</head>
<body>
<h1>Ejemplo de Formulario Web</h1>
<form >
Nombre <input name="nombre" id="elNombre" placeholder="Escribe tu nombre" autofocus></p>
Fecha <input name="fecha" type="date">
<input type="button" id="elBoton" value="Para pulsar">
</form>
</body>
</html>
//Fitxer Fitxer.js (JavaScript)
$(document).ready(function(){
$("#elBoton").click(function(event){ //cuando se produce el evento click
var selectorEscrito = $("#elNombre").attr("value");
if (selectorEscrito==""){
alert("Escribe tu nombre")
}else{
alert("tu nombre es " + selectorEscrito);
}
});
});