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>…».) |
|||
| (Hi ha una revisió intermèdia del mateix usuari que no es mostren) | |||
| 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> | ||
| Línia 25: | Línia 23: | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
$("#elBoton").click(function(event){ //cuando se produce el evento click | $("#elBoton").click(function(event){ //cuando se produce el evento click | ||
| − | var selectorEscrito = $("#elNombre").attr("value"); | + | var selectorEscrito = $("#elNombre").attr("value"); //$("#elNombre").val() |
if (selectorEscrito==""){ | if (selectorEscrito==""){ | ||
alert("Escribe tu nombre") | alert("Escribe tu nombre") | ||
Revisió de 14:34, 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"); //$("#elNombre").val()
if (selectorEscrito==""){
alert("Escribe tu nombre")
}else{
alert("tu nombre es " + selectorEscrito);
}
});
});
