JavaScript validation code -
JavaScript validation code -
i using javascript validate form fields. question code within
$("#alias").keyup(function(){
this script validation:
<script type="text/javascript"> $(document).ready(function(){ console.log("principio"); // setup ajax indicator // ajax activity indicator bound ajax start/stop document events $(document).ajaxstart(function(){ $('#ajaxbusy').show(); }).ajaxstop(function(){ $('#ajaxbusy').hide(); }); //control de alias $("#alias").keyup(function(){ var id=$("#alias").val(); var rest=$("#rest").val(); var actual = "<?php echo $row_recordset1['alias_mesero']?>"; $.post("check_username_edit.php", { username: id, rest: rest, actual: actual}, function(result){ console.log(result); //if result 1 if(result == 1){ document.getelementbyid('mensajealias').innerhtml ="nombre corto disponible"; document.getelementbyid('boton').style.visibility='visible'; // hide document.getelementbyid('mensajeboton').innerhtml ="ahora puede insertar los datos"; } else if(result == 2){ document.getelementbyid('mensajealias').innerhtml ="no ha modificado el nombre corto"; document.getelementbyid('boton').style.visibility='visible'; // hide document.getelementbyid('mensajeboton').innerhtml ="ahora puede insertar los datos"; } else if(result == 0){ document.getelementbyid('mensajealias').innerhtml ="nombre corto no disponible, ya existe"; document.getelementbyid('boton').style.visibility='hidden'; // hide document.getelementbyid('mensajeboton').innerhtml ="no se puede insertar hasta que no modifique los datos"; } }); }); //control de rest $("#rest").change(function(){ var id=$("#alias").val(); var rest=$("#rest").val(); var actual = "<?php echo $row_recordset1['alias_mesero']?>"; $.post("check_username_edit.php", { username: id, rest: rest, actual: actual}, function(result){ console.log(result); //if result 1 if(result == 1){ document.getelementbyid('mensajealias').innerhtml ="nombre corto disponible"; document.getelementbyid('boton').style.visibility='visible'; // hide document.getelementbyid('mensajeboton').innerhtml ="ahora puede insertar los datos"; } else if(result == 2){ document.getelementbyid('mensajealias').innerhtml ="no ha modificado el nombre corto"; document.getelementbyid('boton').style.visibility='visible'; // hide document.getelementbyid('mensajeboton').innerhtml ="ahora puede insertar los datos"; } else if(result == 0){ document.getelementbyid('mensajealias').innerhtml ="nombre corto no disponible, ya existe"; document.getelementbyid('boton').style.visibility='hidden'; // hide document.getelementbyid('mensajeboton').innerhtml ="no se puede insertar hasta que no modifique los datos"; } }); }); }); </script>
if user enters text character character, validation takes place charm. have detected if user enters text quickly, validation doesn't homecoming right value.
i guess utilize change(function) instead of keyup(function), prefer user doesn't have leave field validated.
any advice welcome.
two points consider: 1) old style keyup keydown events not reliable. need backup validation backend if utilize them. if user inputs quickly, few keyup events fired not sure event first. 2)morden browsers back upwards new events "input", if possible should utilize new events.
javascript
Comments
Post a Comment