Question

我遇到的情况是我有一个文本框，该文本框将更新为某些值，并且一旦文本框获得其值，就会调用javascript函数。我已经尝试了一些方法，但这不起作用

if (validSubmission) {
    User user = new User(); 
    String StatusMessage=user.executeUserTask("_create_","",userBusinessEmailId,userPassword,cityOfBirth,userFirstName,userLastName,userCompanyName,userCompanyAddress,userPhone,"");
    if(StatusMessage.equalsIgnoreCase("OK")) {
        response.sendRedirect("login.jsp?retMessage="+"Account created sucessfully");
    }
    else {
        //response.sendRedirect("login.jsp?retMessage="+StatusMessage);
        responseMsg = "Invalid Domain Entry";
        {%>
            Redirect();
        <%}
    }
}

这是我获取值的文本框

<input type="text" id="keyToShowInvalidDomain" name="keyToShowInvalidDomain" value="<%=responseMsg%>" onchange="Redirect()">

这是我要调用的功能

<script type="text/javascript">
    function Redirect() {
        alert($("#keyToShowInvalidDomain").val());
    }
</script>

请问有人可以帮忙吗？

Answer 1

对于输入类型的文本，onchange事件不起作用，请尝试使用 onkeyup 或 onkeydown

<input type="text" id="keyToShowInvalidDomain" name="keyToShowInvalidDomain" value="<%=responseMsg%>" onkeyup="Redirect()">

Answer 2

<html>
<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
    function Redirect() {
        alert($("#keyToShowInvalidDomain").val());
    }
</script>
</head>
<body>

<input type="text" id="keyToShowInvalidDomain" name="keyToShowInvalidDomain" value="<%=responseMsg%>" onchange="Redirect()"> 
</body>
</html>

您正在使用基于jQuery的选择器，因此您需要向页面添加jQuery库。请尝试这个。

Answer 3

$(document).ready(function() {
   $('#keyToShowInvalidDomain').change(function(){
        // Call redirect function
    });
}

以上代码应与JQuery一起使用。

当文本框不为null /一些值传递到文本框时，如何从文本框调用javascript函数

3 个答案: