Question

问题： Keyup（）按键调用ajax多次键，但是我没有使用onChange（）但它没有用。

数据库中的电子邮件检查CODE已存在或不存在

$.noConflict();
jQuery(document).ready(function() {
    jQuery("#email").keyup(function() {

        var name = jQuery("#email").val();

        if (name == "") {
            jQuery("#disp").html("");
        } else {

            jQuery.ajax({
                type: "POST",
                url: "user_check.php",
                data: "name=" + name,
                success: function(html) {

                    jQuery("#disp").html(html);

                }
            });
            return false;
        }

    });

});

你可以给我一些建议。

谢谢。

Answer 1

Check Here。失去焦点后的转换工作。

HTML

<input type="text" id="a"/>
<input type="text" id="b"/>

JS

$(function(){
    $("#a").keypress(function(){
        console.log("keyPress");
    });
    $("#b").change(function(){
        console.log("Change");
    });
});

Answer 2

你可以试试吗

jQuery(document).ready(function(){
                $("#email").keyup(function(){

                    var name = $("#email").val();

                    if(name=="")
                    {
                                $("#disp").html("");
                    }
                    else
                    {

                                $.ajax({
                                    type:   "POST",
                                    url:    "user_check.php",
                                    data:   "name="+ name,
                                    success:    function(html){

                                        $("#disp").html(html);

                                        }
                                    });
                                    return false;
                    }

                });

        });

Answer 3

正如评论中正确提到的Amit＆＃34; OnChange()事件在焦点丢失后有效。＆＃34;

由于您正在进行ajax调用，而您要将一些数据发布到服务器，因此理想情况下应使用onChange()事件，并且只有在该字段上丢失焦点时才会触发该事件。

你可以查看＆＃34; keyUp＆＃34;否则。

不工作onchange（）而不是keyup（）

3 个答案: