ajax - jquery ajax表单验证在chrome中不起作用

Question

我有一个简单的任务是验证用户是否输入了名字。这在大多数浏览器中都有效，但 chrome 似乎没有从 ajaxfirstname.php 得到响应。这是脚本：

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;
}
});
});

和我的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>

我打开了开发人员工具，但在这个特定脚本上没有看到任何错误。有人对此有什么建议吗？上面的代码看起来正确吗？Chrome会有什么问题吗？提前致谢。

Answer 1

May be its because you have used id in textbox twice ["id="first_name"].Please change this and let me know..

id="first_name" name="first_name" type="text" id="first_name" value="my->name);