Validar Input de Email
Publicado por Carlos (16 intervenciones) el 15/09/2017 19:07:09
Estimados buenas tardes actualmente estoy colocando un codigo javascript que actualice automaticamente los datos en la base de datos sin tener que recargar la pagina, el proceso lo hace perfecto pero tengo un campo e-mail que quiero validar... coloque al input type "email" pero igual el codigo no valida, lo mismo pasa cuando el campo esta vacio, si esta como required deberia hacer la validacion tambien pero no lo hace.
Paso la estructura a continuacion
En Edit.php tengo esta parte HTML
Al hacer onClick llama esta parte JavaScript donde tengo el input como email
Estos valores se van a crud_actionUsuario.php
Agradezco el apoyo que me puedan prestar en este caso
Paso la estructura a continuacion
En Edit.php tengo esta parte HTML
1
2
3
4
5
6
7
8
9
10
<div class="message-box" id="message_<?php echo $comments[$k]["IdUsuario"];?>">
<div class="titulo_usuario">Correo Electónico:</div>
<div class="message_usuario message-contentEmail">
<?php echo $comments[$k]["EmailUsuario"]; ?>
</div>
<div class="botonUsuario">
<button class="btnEditEmailAction btn btn-warning btn-circle usuario" name="edit" onClick="showEditEmailBox(this,<?php echo $comments[$k]["IdUsuario"]; ?>)"><i class="fa fa-pencil"></i></button>
</div>
Al hacer onClick llama esta parte JavaScript donde tengo el input como email
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
function showEditEmailBox(editobj,id) {
$(editobj).prop('disabled','true');
var currentMessage = $("#message_" + id + " .message-contentEmail").html();
var editMarkUp = '<input required autofocustype="email"
name="email" class="form-control usuario" id="txtmessageEmail_'+id+'" value='+currentMessage+'><button class="btn btn-success btn-circle usuario" name="ok" onClick="callCrudAction(\'editEmail\','+id+')"><i class="fa fa-save"></i></button>';$("#message_" + id + " .message-contentEmail").html(editMarkUp);
}function cancelEdit(message,id) {
$("#message_" + id + " .message-contentEmail").html(message);
}function callCrudAction(action,id) {
$("#loaderIcon").show();
var queryString;
switch(action) {
case "editEmail":
queryString = 'action='+action+'&message_id='+ id + '&txtmessageEmail='+ $("#txtmessageEmail_"+id).val();
break;
}jQuery.ajax({
url: "crud_actionUsuario.php",
data:queryString,
type: "POST",
success:function(data){
switch(action) {
case "editEmail":
$("#message_" + id + " .message-contentEmail").html(data);
$("#message_"+id+" .btnEditEmailAction").prop('disabled','');
break;
}$("#txtmessageEmail").val('');
$("#loaderIcon").hide();
},
error:function (){}
});
}Estos valores se van a crud_actionUsuario.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php
require_once("../conexion/dbcontroller.php");
$db_handle = new DBController();
$action = $_POST["action"];
if(!empty($action)) {
switch($action) {
case "editEmail":
$result = mysql_query("UPDATE USUARIO set EmailUsuario = '".$_POST["txtmessageEmail"]."' WHERE IdUsuario=".$_POST["message_id"]);
if($result){
echo $_POST["txtmessageEmail"];
}break;
}}?>
Agradezco el apoyo que me puedan prestar en este caso
Valora esta pregunta
0
