Autocomplete en input con validacion
Publicado por Antonio (7 intervenciones) el 25/09/2015 19:41:15
Buenas, tengo un formulario en donde lo primero que tengo es un input para buscar un cliente, cada vez que presiono una letra mediante ajax hago el autocompletar.. todo bien hasta aqui... el problema esta en ¿como hago para que el usuario al escribir el nombre de un cliente que no este en la BD le salte un erro o no le deje seguir cargando el formulario?
Este es mi formulario: NuevaTarea.php
Este es el script: script.js
Este es el refresh: ajax_refresh.php
Este es mi formulario: NuevaTarea.php
1
2
3
4
5
6
7
8
9
10
<link rel="stylesheet" href="css/styleAutocomplete.css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<div class="label_div">Cliente: </div>
<div class="input_container">
<input type="text" id="cliente_id" onkeyup="autocomplet()">
<ul id="cliente_list_id"></ul>
Id: <input type="text" id="idCliente" name="cliente" disabled>
</div>
Este es el script: script.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
// autocomplet : this function will be executed every time we change the text
function autocomplet() {
var min_length = 0; // min caracters to display the autocomplete
var keyword = $('#cliente_id').val();
if (keyword.length >= min_length) {
$.ajax({
url: 'ajax_refresh.php',
type: 'POST',
data: {keyword:keyword},
success:function(data){
$('#cliente_list_id').show();
$('#cliente_list_id').html(data);
}});
} else {
$('#cliente_list_id').hide();
}}// set_item : this function will be executed when we select an item
function set_item(item, idCliente) {
// change input value
$('#cliente_id').val(item);
$('#idCliente').val(idCliente);
// hide proposition list
$('#cliente_list_id').hide();
}Este es el refresh: ajax_refresh.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php
// PDO connect *********
function connect() {
return new PDO('mysql:host=localhost;dbname=cliente', 'root', ' ', array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION, PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8"));
}$pdo = connect();
$keyword = '%'.$_POST['keyword'].'%';
$sql = "SELECT * FROM clientes WHERE razonSocial ORDER BY id ASC LIMIT 0, 30";
$query = $pdo->prepare($sql);
$query->bindParam(':keyword', $keyword, PDO::PARAM_STR);
$query->execute();
$list = $query->fetchAll();
foreach ($list as $rs) {
// put in bold the written text
$razonSocial = str_replace($_POST['keyword'], '<b>'.$_POST['keyword'].'</b>', $rs['razonSocial']);
$apellido = str_replace($_POST['keyword'], '<b>'.$_POST['keyword'].'</b>', $rs['apellido'].' '.$rs['nombre']);
$nombreFantasia = str_replace($_POST['keyword'], '<b>'.$_POST['keyword'].'</b>', $rs['nombreFantasia']);
// add new option
echo '<li onclick="set_item(\''.$rs['razonSocial'].'\', \''.$rs['id'].'\')">'.$razonSocial.'</li>';
}?>
Valora esta pregunta
0