Usuario:ManuelRomero/JavaScript/jquery/validate/solucionEJ3 - Historial de revisiones

ManuelRomero en 13:53 14 abr 2016

2016-04-14T13:53:37Z

ManuelRomero en 12:10 14 abr 2016

2016-04-14T12:10:59Z

ManuelRomero: Página creada con «VOLVER»

2016-04-14T12:06:58Z

Página creada con «<font size=5 color=red>VOLVER</font>»

Página nueva

[[Usuario:ManuelRomero/JavaScript/jquery/validate|<font size=5 color=red>VOLVER</font>]]

@@ Línea 23: / Línea 23: @@
      <script type="text/javascript" src="jquery-1.8.2.min.js"></script>
      <script type="text/javascript" src="jquery.validate.js"></script>
 </head>
 <body>
@@ Línea 50: / Línea 61: @@
          </div>
      </form>
-    <script>
-        $("#formulario").validate({onkeyup: false, onfocusout: false, onclick:false});
-    </script>
 </body>
 </html>
 </source>

← Revisión anterior		Revisión de 12:10 14 abr 2016
Línea 1:		Línea 1:
	[[Usuario:ManuelRomero/JavaScript/jquery/validate\|<font size=5 color=red>VOLVER</font>]]		[[Usuario:ManuelRomero/JavaScript/jquery/validate\|<font size=5 color=red>VOLVER</font>]]
		+	;Para hacer este ejercicio ten encuenta los siguientes aspectos
		+	*JQuery puede hacer la validación en diferentes instantes
		+	*En resument la puede hacer cuando ocurren los siguientes eventos
		+	onsubmit, onfocusout, onkeyup, onclick
		+	*Por defecto JQuery hace la validación cuando puede
		+	*Si queremos evitar que lo haga lo hemos de explicitar en la inviación al método
		+
		+	<source lang=javascript>
		+	<!doctype html>
		+	<html>
		+	<head>
		+	<meta charset="UTF-8">
		+	<title>Untitled Document</title>
		+	<!--Estilos para cumplir con enunciado: -->
		+	<style>
		+	.important{color:red; font-weight:bold;}
		+	label{display:inline-block; width:200px;}
		+	input[type="submit"]{margin-left:200px;}
		+	</style>
		+	<!--Cargamos los scripts necesarios para poder hacer las validaciones:-->
		+	<!--Los scripts se cargan siempre después de los css, nunca antes!-->
		+	<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
		+	<script type="text/javascript" src="jquery.validate.js"></script>
		+	</head>
		+	<body>
		+	<form id="formulario" novalidate action="accion.php" method="post">
		+	<div>
		+	<label for="nombre">Nombre:
		+	<span class="important">*</span>
		+	</label>
		+	<input type="text" id="nombre" name="nombre" class="required" minlength="2"/>
		+	</div>
		+	<div>
		+	<label for="email">E-mail:
		+	<span class="important">*</span>
		+	</label>
		+	<input type="email" id="email" name="email" class="required" />
		+	</div>
		+	<div>
		+	<label for="url">Url:</label>
		+	<input type="url" id="url" name="url" class="url"/>
		+	</div>
		+	<div>
		+	<label for="comentarios">Comentarios:</label>
		+	<textarea id="comentarios" name="comentarios" class="required"></textarea>
		+	</div>
		+	<div>
		+	<input type="submit" value="Enviar" />
		+	</div>
		+	</form>
		+	<script>
		+	$("#formulario").validate({onkeyup: false, onfocusout: false, onclick:false});
		+	</script>
		+	</body>
		+
		+	</html>
		+	</source>