Ayuda al Enviar Datos por Ajax
Publicado por Richard (16 intervenciones) el 27/01/2020 15:01:28
Hola y muy buenas
Haber si me podéis ayudar con esto tengo el siguiente código que lo que hace es mostrar y ocultar los campos y lo que quiero hacer es si esta visible mande los datos y si esta oculto no haga nada
este es el formulario datos.php
este en el archivo validar.js
Haber si me podéis ayudar con esto tengo el siguiente código que lo que hace es mostrar y ocultar los campos y lo que quiero hacer es si esta visible mande los datos y si esta oculto no haga nada
este es el formulario datos.php
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
<form>
<fieldset>
<legend>DATOS MEDICOS</legend>
<label for="operacion">Operacion : </label>
<label for="mostrarocultarOper">Si / No</label>
<input type="checkbox" id="mostrarocultarOper">
<div id="ocultarOperacion" style="display: none">
<label for="operacion">Nombre de la Operacion </label>
<input type="text" name="operacion" id="operacion" required>
<label for="fechaOperacion">Fecha</label>
<input type="date" id="fechaOperacion" required>
<label for="observacionOperacion">Observaciones</label>
<textarea id="observacionOperacion" required></textarea>
</div>
<br><br>
<label for="enfermedad">Enfermedad : </label>
<label for="mostrarocultarEnfer">Si / No</label>
<input type="checkbox" id="mostrarocultarEnfer">
<div id="ocultarEnfermedad" style="display:none;">
<label for="enfermedad">Tipo de Enfermedad </label>
<select name="codigoEnfermedad" id="enfermedad" required>
<option value="" disabled selected>Selecciona</option>
<?php
$sql = $conexion->query("SELECT * FROM enfermedad");
while($fila = $sql->fetch_array()){
?>
<option value="<?php echo $fila['id_enfermedad']; ?>"><?php echo $fila['nombre']; ?></option>
<?php
}?>
</select>
<label for="fechaEnfermedad">Fecha</label>
<input type="date" id="fechaEnfermedad" required>
<label for="observacionEnfermedad">Observaciones</label>
<textarea class="form-control" id="observacionEnfermedad" required></textarea>
</div>
<br><br>
<label for="tratamiento">Tratamiento : </label>
<label for="mostrarocultarTra">Si / No</label>
<input type="checkbox" id="mostrarocultarTra"/>
<div id="ocultarTratamiento" style="display:none;">
<label for="medicacion">Medicacion </label>
<input type="text" id="medicacion" required>
<label for="motivo">Motivo</label>
<input type="text" id="motivo" required>
<label for="posologia">Posologia</label>
<input type="text" id="posologia" required>
<label for="toma">Toma de Medicacion </label>
<input type="text" id="toma" required>
<label for="frecuencia">Frecuencia</label>
<input type="text" id="frecuencia" required>
<label for="recordatorio">Recordatorio</label>
<input type="checkbox" id="recordatorio"/>Si/No
</div>
</fieldset>
<input type="button" onclick="validarDatos()" value="Guardar">
</form>
<div id="contenido"></div>
este en el archivo validar.js
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
function validarDatos(){
let nombreOperacion = $("#operacion").val();
let observacionOperacion = $("#observacionOperacion").val();
let fechaOperacion = $("#fechaOperacion").val();
let codigoEnfermedad = $("#enfermedad").val();
let observacionEnfermedad = $("#observacionEnfermedad").val();
let fechaEnfermedad = $("#fechaEnfermedad").val();
let medicacion = $("#medicacion").val();
let motivo = $("#motivo").val();
let posologia = $("#posologia").val();
let toma = $("#toma").val();
let frecuencia = $("#frecuencia").val();
let recordatorio = $("#recordatorio").val();
if( $('#mostrarocultarOper').is(':checked') ) {
if(nombreOperacion.trim() == ''){
alert("Introduce un Nombre");
}if(fechaOperacion.trim() == ''){
alert("Introduce una Fecha");
}if(observacionOperacion.trim() == ''){
alert("Introduce una Observacion");
} }if( $('#mostrarocultarEnfer').is(':checked') ){
if(codigoEnfermedad.trim() == null){
alert("Selecciona una Opcion");
}if(fechaEnfermedad.trim() == ''){
alert("Introduce una Fecha");
}if(observacionEnfermedad.trim() == ''){
alert("Introduce una Observacion");
} }if( $('#mostrarocultarTra').is(':checked') ) {
if(medicacion.trim() == ''){
alert("Introduce una Medicacion");
}if(motivo.trim() == ''){
alert("Introduce un Motivo");
}if(posologia.trim() == ''){
alert("Introduce una Posologia");
}if(toma.trim() == ''){
alert("Introduce una Hora de Toma de Medicacion");
}if(frecuencia.trim() == ''){
alert("Introduce una Frecuencia");
}if( $('#recordatorio').is(':checked') ){
recordatorio = 1;}else if( $('#recordatorio').not(':checked') ){
recordatorio = 0; } }$.ajax({
url: 'altaEnfermedad.php',
type: 'POST',
dataType: 'html',
contentType: 'application/x-www-form-urlencoded',
data: "operacion=" + nombreOperacion + "&observacionOperacion="+observacionOperacion + "&fechaOperacion="+fechaOperacion
+ "&enfermedad="+codigoEnfermedad + "&observacionEnfermedad="+observacionEnfermedad + "&fechaEnfermedad="+fechaEnfermedad
+ "&medicacion="+medicacion + "&motivo="+motivo + "&posologia="+posologia + "&toma="+toma + "&frecuencia="+frecuencia + "&1="+recordatorio,
success: function (respuesta) {
$("#contenido").html(respuesta);
},
error: function () {
console.log("Error al Enviar los Datos");
}});
}Valora esta pregunta
0