jquery ajax validation de formulaire ne fonctionne pas en chrome

Question

J'ai la tâche simple de valider un utilisateur a entré le prénom. Cela fonctionne dans la plupart des navigateurs, mais chrome ne semble pas obtenir une réponse de ajaxfirstname.php. Voici le script:

jQuery(document).ready(function() { 
var validatefirst_name = jQuery('#validatefirst_name'); 
jQuery('#first_name').keyup(function() { 
var t = this; 
if (this.value != this.lastValue) { 
    if (this.timer) clearTimeout(this.timer); 
    validatefirst_name.removeClass('error').html('<span style="margin-left: 5px;"><img src="images/loader.gif" height="16" width="16" /></span>'); 

    this.timer = setTimeout(function() { 
    jQuery.ajax({ 
     url: "ajaxfirstname.php", 
     data: "action=check_first_name&first_name=" + t.value, 
     dataType: "json", 
     async: false, 
     type: "post", 
     success: function (j) { 
     validatefirst_name.html(j.msg); 
     } 
    }); 
    }, 200); 

    this.lastValue = this.value; 
} 
}); 
}); 

et mon html

<label for="first_name">First Name</label> 
<input id="first_name" name="first_name" type="text" id="first_name" value="<?php 
$name = explode(' ',$this->my->name); 
echo $name[0]; 
?>"> 
<span id="validatefirst_name"></span> 

J'ai ouvert l'outil de développement, mais je ne vois aucune erreur sur ce script particulier. Est-ce que quelqu'un a des suggestions à ce sujet? Est-ce que le code ci-dessus semble correct? Chrome aurait-il des problèmes avec cela? Merci d'avance.

Answer 1

Peut-être son parce que vous avez utilisé id dans zone de texte deux fois [ "id =" prenom "]. S'il vous plaît changer cela et laissez-moi savoir ..

id =" prenom "name = "prenom" type =" text "id =" first_name " value =" mon-> nom);