como evitar enviar el formulario en blanco
Publicado por guillermo (1 intervención) el 20/04/2016 22:18:46
se supone que cuando precione enviar si los datos estan en blanco deberia evitar que lo envie y el datepicker no funciona por favor necesito ayuda
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html lang="es">
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
</head>
<body>
<style type="text/css">
.div1{
background-color: #01DF01;
width:1000px; margin: 0 auto;border:1px solid #96a7c3;
}</style>
<script>
$(document).ready(function()
{$(function() {
$( "#datepicker" ).datepicker(
{changeMonth:true,
changeYear:true});
});
$('#f1').validate({
rules:{
'titulo':'required',
'nombre':'required',
'domicilio':'required',
'email'{required:true, email:true}
},
message:{
'titulo':'debe ingresar un titulo',
'nombre':'debe ingresar un nombre',
'domicilio':'debe ingresar un domicilio',
'email':{'required':'debe ingresar el email',email:'debe ingresar el correo en formato email. Ejemplo: ejemplo@gmail.com'}
},
debug:true,
submitHandler:function(form){
alert('el formulario se ha validado correctamente');
}});
});
</script>
<div class="conteiner div1">
<div class="row">
<div class="col-md-4"><h3>Datos Personale</h3></div>
<div class="col-md-4"><h3>Domicilio</h3></div>
<div class="col-md-4"><h3>Antecedentes Personales</h3></div>
</div>
<form id="f1" action="#">
<div class="row">
<div class="col-md-1">Rut</div>
<div class="col-md-3"><input type="text" id="rut"></div>
<div class="col-md-1">E-mail</div>
<div class="col-md-3"><input type="text" id="email" name="email"></div>
<div class="col-md-1">Titulo</div>
<div class="col-md-3"><input type="text" id="titulo" name="titulo"></div>
</div>
<div class="row">
<div class="col-md-1">Nombre</div>
<div class="col-md-3"><input type="text" id="nombre" name="nombre"></div>
<div class="col-md-1">Domicilio</div>
<div class="col-md-3"><input type="text" id="domicilio" name="domicilio"></div>
<div class="col-md-1">Estudio</div>
<div class="col-md-3">
<select>
<option value="tecnico">tecnico</option>
<option value="enseMedia">enc Media</option>
</select>
</div>
</div>
<div class="row">
<div class="col-md-1">Fecha Nac:</div>
<div class="col-md-3"><input type="text" id="datepicker"></div>
<div class="col-md-1">Comuna</div>
<div class="col-md-3">
<select>
<option value="sanJoaquin">san Joaquin</option>
<option value="macul">Macul</option>
</select>
</div>
<div class="col-md-1">Años Experiencia</div>
<div class="col-md-3"><input type="text"></div>
</div>
<div class="row">
<div class="col-md-1">Sexo:</div>
<div class="col-md-3">
<input type="radio" value="Masculino" name="Rbutton">Masculino
<br>
<input type="radio" value="Femenino" name="Rbutton">Femenino
</div>
<div class="col-md-1">Region:</div>
<div class="col-md-3">
<select>
<option value="sanJoaquin">Metropolitana</option>
<option value="macul">VII Region</option>
</select>
</div>
<div class="col-md-1">Renta Esperada</div>
<div class="col-md-3"><input type="text"></div>
</div>
<div class="row">
<div class="col-md-2">
<input type="submit" value="Enviar Datos">
</div>
</div>
</form>
</div>
</body>
</html>
Valora esta pregunta
0
