Tengo un formulario donde se registra el usuario pero quiero que antes de pasar a la página donde se va a insertar compare los input
de Contraseña y Confirmar contraseña lo he intentado con varios ejemplos que he visto pero no me funcionan.
No me realiza la comparación:
<?php
header("Content-Type: text/html; charset=utf-8");
$ruta='../../../';
if(!isset($_SESSION['sadmin'])) header('refresh:0; url=../index.php');
include("../../../dist/php/plantilla.php");
$dis = new plantilla();
$user = $_SESSION['usuario'];
?>
<!DOCTYPE html>
<html lang='es'>
<head>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<?php echo stylepn($ruta,'AgroSys'); ?>
</head>
<body>
<div id='wrapper'>
<?php $dis->encabezado($ruta,$user);
include('../../../dist/conexion/conexion2.php');
$qry="SELECT id_rancho,nombre FROM rancho";
$resultado=$conexion->query($qry);
?>
<div class='row' style="padding:30px;">
<div id="contorno">
<div id="titulo"><center><font color="#FFF" size="5">Registrar Nuevo Usuario</font></center></div>
<div id="espacio"></div>
<form id="formCheckPassword" name="alta" action="agrega_proceso.php" enctype="multipart/form-data" runat="server" method="post">
<table width='100%' border='0'>
<tr>
<td align='right'>
<label>Usuario:</label>
</td>
<td>
<div class='col-xs-7'>
<input type='text' name='txtUser' class='form-control' style='color: #000000;' required>
</div>
</td>
</tr>
<tr>
<td align='right'>
<label>Nombre:</label>
</td>
<td>
<div class='col-xs-7'>
<input type='text' name='txtNombre' class='form-control' style='color: #000000;' required>
</div>
</td>
</tr>
<tr>
<td align='right'>
<label>Apellido:</label>
</td>
<td>
<div class='col-xs-7'>
<input type='text' name='txtApellido' class='form-control' style='color: #000000;' required>
</div>
</td>
</tr>
<tr>
<td align='right'>
<label>Rancho:</label>
</td>
<td>
<div class='col-xs-7'>
<select name='cboRancho' class='form-control' style='color: #000000;' required>
<option value=''>Seleccione una opción</option>
<?php
while($fila=mysqli_fetch_assoc($resultado)) {
echo "<option value='".$fila['id_rancho']."'>".$fila['nombre']."</option>";
}
?>
</select></div>
</td>
</tr>
<tr>
<td align='right'>
<label>Tipo de Usuario:</label>
</td>
<td>
<div class='col-xs-7'>
<select name='cboTipoUser' class='form-control' style='color: #000000;' required>
<option value=''>Seleccione una opción</option>
<option value='usr'>Estándar</option>
<option value='adm'>Administrador</option>
</select>
</div>
</td>
</tr>
<tr>
<td align='right'>
<label>Contraseña de Acceso:</label>
</td>
<td>
<div class='col-xs-7'>
<input class='form-control' type='password' id='contrasena' name='contrasena' style='color: #000000;'>
</div>
</td>
</tr>
<tr>
<td align='right'>
<label>Repetir Contraseña:</label>
</td>
<td>
<div class='col-xs-7'>
<input class='form-control' type='password' id='confirContrasena' name='confirContrasena' placeholder='' style='color: #000000;'>
</div>
</td>
</tr>
<tr>
<td align='right'>
<br>
<button id="boton" class="btn btn-primary" >Guardar</button>
</td>
<td align='left'>
<br>
<a href='index.php'>
<input type="button" name="btnCancelar" value="Cancelar" class="btn btn-warning">
</a>
</td>
</tr>
</table>
</form>
</div>
</div>
</div>
<?php echo scriptspn('../../../');?>
<script type='text/javascript' language='javascript' class='init'>
</script>
</body>
<script>
$('#boton').click(function()
{
var contrasena = $("#contrasena").val();
var confirContrasena = $("#confirContrasena").val();
//console.log(contrasena+" "+confirContrasena);
if (contrasena !='' && confirContrasena != '') {
if (contrasena === confirContrasena) {
$("#noCoinciden").html('<h6 class="text-success">Las contraseñas coinciden.</h6>');
}else{
$("#noCoinciden").html('<h6 class="text-danger"><strong>Lo siento!</strong>, las contraseñas no coinciden.</h6>');
}
}else{
$("#noCoinciden").html('<h6 class="text-warning"><strong>Hey!</strong> No dejes los campos vacios</h6>');
}
});
</script>
</html>