tengo un formulario que comprueba el valor de dos textbox, si son diferentes muestra el mensaje que debe arreglarse uno de los campos, pero aun así me envía la información cumpliendose otra clase, aquí mi código:
Este es el que compara los dos textbox:
<script type="text/javascript">
function comprobarClave(){
bl = document.getElementById('bl').value;
bl2 = document.getElementById('bl2').value;
if (bl != bl2){
alert("Compruebe la informcación de carga.")
return false;
}else{
return true;
}
}
</script>
Y este es el que envía la info; lo que quiero es que no envie los datos si los dos textbox tienen info diferente.
$(document).ready(function(){
$('.guardar').submit(function(){
var x = confirm("¿Estás seguro que quieres guardar?");
if (x){
$.ajax({
type: "POST",
url: "caso2.php",
data:$(this).serialize(),
cache: false,
success: function(data) {
//$('#result').show(3000);
$('#result2').html(data).
fadeIn().delay(3000).fadeOut();
}
});//end ajax
return false;
}
});
});
<form class="guardar" id="cass" name="cass" method="post" onSubmit = "return comprobarClave(); " autocomplete="off" name="caso"><table width="1151" height="155" border="0" cellspacing="0">
<tr>
<td><div id="result2"></div>
BL/BOOKING:</td>
<td> </td>
<td><label for="bl"></label>
<input type="text" name="bl" id="bl" required="required" /></td>
<td> </td>
<td>BL/BOOKING:</td>
<td> </td>
<td><label for="bl2">
<input type="text" name="bl2" id="bl2" required="required" />
</label></td>
<td> </td>
<td>Fecha:</td>
<td> </td>
<td><label for="fech">
<?php date_default_timezone_set("America/Bogota"); ?>
<input type="text" name="fech" id="fech" value=" <?php echo $hoy = date("d/m/y"); ?>" required="required" readonly="readonly" />
</label></td>
</tr>
<tr>
<td>Nombre del cliente:</td>
<td> </td>
<td><select name="nom_cli" id="nom_cli">
<?php
$con = mysql_connect('localhost','root', 'master3.1416');
mysql_select_db('roda', $con);
$sql = mysql_query("SELECT * FROM cliente ORDER BY nom_cli " ,$con);
$contar = @mysql_num_rows($sql);
if($contar == 0){
}else{
while($row=mysql_fetch_array($sql)){
$id_cli = $row['id_cli'];
?>
<option value='<?php echo $nombre = $row["nom_cli"]; ?>' required> <?php echo $nombre = $row["nom_cli"]; ?> </option>
<?php
}
}
?>
</select></td>
<td> </td>
<td>Codigo del cliente:</td>
<td> </td>
<td><select name="cod_cli" id="cod_cli" required>
<option value='<?php echo $cod_cli = $row["cod_cli"]; ?>' name='cod_cli' id='cod_cli' required> </option>
</select></td>
<td> </td>
<td>Origen:</td>
<td> </td>
<td><label for="Origen">
<input type="text" name="origen" id="origen" required="required" />
</label></td>
</tr>
<tr>
<td>Cantidad de items/cont:</td>
<td> </td>
<td><label for="cant"></label>
<input type="number" name="cant" id="cant" min="1"/> <label for="nom_cli"></label></td>
<td> </td>
<td>Almacenamiento:</td>
<td> </td>
<td><label for="alm"></label>
<input type="date" name="alm" id="alm" /></td>
<td> </td>
<td>Retención:</td>
<td> </td>
<td><label for="ret"></label>
<input type="date" name="ret" id="ret" /></td>
</tr>
</table>
<p> </p>
<p>
<input type="submit" class="button" name="send" value="Guardar" />
<button type="reset" class="button" value="Limpiar">Reset</button>
</p>
</form>
Y este es mi form.