Question

我正在创建一个SignUp表单，我想在表单中添加一个功能，每当新用户在文本框中键入用户名时，它应该自动检查是否已经使用了用户名（应该比较它） SQL Server数据库中存在用户名）。我想用AJAX实现这个功能。

Answer 1

使用以下jquery代码，不要忘记包含jquery库

 $("#<%=txtJournalIdToMove.ClientID %>").blur(function () {
                var journalTextBoxId = '<%= this.txtJournalIdToMove.ClientID %>';
                var journalId = $("#" + journalTextBoxId).val();
                var params = '{"JournalId":"' + journalId + '"}';
                $.ajax({
                    type: "POST",
                    url: "Default.aspx/PopulateVolumeNo",
                    data: params,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        // Replace the div's content with the page method's return.
                        var returnValue = data.d;
                        if (returnValue == null) {

                            alert("The given journal id does not exist or is in active in db.");
                        }
                        else {

                                 //If success do your functionality
                            });
                        }
                    }
                });
            });

Answer 2

尝试使用文本框中的 onchange 或 on blur 事件。这里我使用user-name-box作为文本框id

$.post('/Server/CheckAvailablity/', 
      {name:function(){return $('#user-name-box').val()},

      function(response){

       if(response.status="Y"){
       alert('available');
       }
      else{
       alert('not available');
       }
    }
);

在服务器端CheckAvailablity方法准备一个JSON对象，如{“status”：“Y”}并返回

在asp.net中使用AJAX检查UserName可用性

2 个答案: