在模糊功能上传递链接,而不是单击另一个链接

时间:2013-12-14 06:53:54

标签: javascript html jquery

我想在文本框模糊功能上传递链接。

Jquery代码

 <a id="checkEmail" href="#" ></a> | <a id="getCandidate"></a> */* this is the link for get the profile details*/*
<script type ="text/javascript">
                $('#getCandidate').text('Get Profile') // Sets text for email.
                    .attr('href', '#');

                $("#Email").blur(function () {
                    $('#checkEmail').trigger('click');
                      //$('#checkEmail').trigger('GetCandidateDetail?validateEmail=' + $('#Email').val());

                        $('#getCandidate').text('Get Profile')
                        .attr('href', 'GetCandidateDetail?validateEmail=' + $('#Email').val());
                });

                $(document).ready(function () {
                    $('#checkEmail').click(function () {
                        var name = $('#Email').val();
                        var data = 'validateEmail=' + name;
                        $.ajax({
                            type: "GET",
                            url: "ValidateCandidate",
                            data: data,
                            success: function (data) {
                                alert(data);

                            }
                        });
                        return false;
                    });
                });
          </script>

Html代码

 <%: Html.TextBox("Email",Model.Email, new {@title="Enter the Candidate Email Id"})%>

 <a id="checkEmail" href="#" ></a> | <a id="getCandidate"></a>

在上面的代码中,当我在文本框中键入电子邮件ID时,它会触发电子邮件ID是否已注册。然后我再给一个链接 getdetails 。如果我点击该链接,则会使用链接GetCandidateDetail?validateEmail=' + $('#Email').val())来显示个人资料。

但现在我想在文本框中输入电子邮件ID时,如果存在则意味着它会自动加载链接GetCandidateDetail?validateEmail=' + $('#Email').val()),否则为false。这该怎么做?帮帮我解决这个问题?

2 个答案:

答案 0 :(得分:0)

你可以这样做:

$(document).ready(function() {
    $("#Email").on('blur', function() {

        // Check mail on blur
        var email = $(this).val();

        $.ajax({
            type: "GET",
            url: "ValidateCandidate",
            data: {validateEmail:email},
            success: function(data) {
              // handle your response

            }
        });
    });
});

答案 1 :(得分:0)

function verify(){

                        var name = $('#Email').val();
                        var data = 'validateEmail=' + name;
                        $.ajax({
                            type: "GET",
                            url: "ValidateCandidate",
                            data: data,
                            success: function (data) {
                                alert(data);


                        return false;
                    });
                }

$("#Email").blur(function(){verify();)
$("#checkEmail").click(function(){verify()})

多数民众赞成!!