javascript - JS/AJAX:提交后无需刷新，或在输入后不触发按钮单击

js函数在SITE中不起作用，但是当我在JSFIDDLE中尝试时，它可以正常工作。我已经准备好DOM了，但它不会触发任何操作。我用firefox检查过，输入值根本不发布。用户停止键入后如何使JS函数正常启动？

JS

<script>
$(document).ready(function() {
 var timer = null;
 var dataString;
 function submitForm(){
   alert("success");
   $.ajax({ type: "POST",
            url: "index.php",
            data: dataString,
            success: function(result){
              alert("success");
               /*$('#special').append('<p>' +  $('#resultval', result).html() + '</p>');*/

            }

   });
   return false;
 }
 $('#submit').on('keyup', function() {
    clearTimeout(timer);
    timer = setTimeout(submitForm, 2000);
    var name = $("#name").val();
    dataString = 'name='+ name;
 });
 });
</script>

HTML

 <input id="name" name="name" type="text" class="field text medium" value="<? $url ?>" maxlength="255" tabindex="1"     />

最佳答案

问题在于，在上面的HTML中，您具有id="name"但绑定(bind)到"#submit"。

您的jsfiddle示例中有id="submit"，这就是为什么它可以工作的原因。

关于javascript - JS/AJAX:提交后无需刷新，或在输入后不触发按钮单击，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11480367/