HTML - Funcionalidad button html

   
Vista:

Funcionalidad button html

Publicado por alberto (1 intervención) el 13/01/2016 11:08:56
Buenos días,
Mi nombre es Alberto y estoy realizando unas practicas de un curso de programación orientada a objeto.
Mi consulta consiste en lo siguiente:
He creado un generador de dni aleatorios con java en eclipse, y necesito que mediante un botón en un formulario html, que me han dado, se copie el dni creado en un label. El botón lo se crear pero no se darle la función mediante onclick para que se genere el dni (proceso en java) y se copie en el label. ¿Se podría hacer o solo utilizando javascript?.
Adjunto el formulario, muchas gracias de antemano:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
</head>
 
<body>
 
    <form class="" name="consultar" action="<? echo $destino ?>" method="POST">
		<label class ="login_form consulta_label1">Nombre: *</label>
		<input class ="login_input" name="nombre" type="text" required tabindex="1" id="nombre" />
		<script type="text/javascript">
			var nombre = new LiveValidation('nombre');
			nombre.add(Validate.Presence);
			nombre.add(Validate.Length, { minimum: 3 } );
		</script>
		<br>
		<label class ="login_form consulta_label2">1er Apellido: *</label>
		<input class ="login_input" name="apellido1" type="text" required tabindex="2" id="apellido1" />
		<script type="text/javascript">
			var apellido1 = new LiveValidation('apellido1');
			apellido1.add(Validate.Presence);
			apellido1.add(Validate.Length, { minimum: 3 } );
		</script>
		<br>
		<label class ="login_form consulta_label2">2nd Apellido: *</label>
		<input class ="login_input" name="apellido2" type="text" required tabindex="3" id="apellido2" />
		<script type="text/javascript">
			var apellido1 = new LiveValidation('apellido2');
			apellido1.add(Validate.Presence);
			apellido1.add(Validate.Length, { minimum: 3 } );
		</script>
		<br>
		<label class ="login_form consulta_label4">Email: *</label>
		<input class ="login_input" name="email" type="text" required tabindex="4" id="email" />
		<script type="text/javascript">
			var email = new LiveValidation('email');
			email.add(Validate.Presence);
			email.add(Validate.Email);
		</script>
		<br>
		<label class ="login_form consulta_label5">Telefono *</label>
		<input class ="login_input" name="telefono" type="text" required tabindex="5" id="telefono" maxlength="9" />
		<script type="text/javascript">
			var apellido1 = new LiveValidation('telefono');
			apellido1.add(Validate.Presence);
			apellido1.add(Validate.Length, { minimum: 9 } );
		</script>
		<br>
		<label class ="login_form consulta_label6">DNI *</label>
		<input class ="login_input" name="dni" type="text" required tabindex="6" id="dni" maxlength="9" />
		<script type="text/javascript">
			var dni = new LiveValidation('dni');
			dni.add(Validate.Presence);
			dni.add(Validate.Length, { minimum: 8 } );
			dni.add(Validate.Dni);
		</script>
		<br>
		<input class="validar_boton" name="send" type="submit" tabindex="7" value="Calcular"/>
	</form>
 
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Funcionalidad button html

Publicado por arck (10 intervenciones) el 13/01/2016 13:35:34
Yo le meteria ajax y la vuelta al label directamente

Para eso el boton deberias quitarle el submit y poner un onclick a una funcion de javascript con la que haras la llamada.

dentro de la funcion java deberias poner algo parecido a esto:

1
2
3
4
5
6
7
8
$.ajax({
    data: parametros, // ni necesitas enviar algo al controlador
   url: 'ejemplo_ajax_proceso.java', //controlador al que lo vas a enviar
   type: 'get',
   success: function (response) {
      $("#solucion").val(response); //esto es jQuery pero es para dar el valor del response a la label con id solucion
   }
});
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar