我使用javascript登录验证有问题。当用户未提供任何用户名或密码时,弹出消息显示请输入用户名和密码。我希望当用户没有提供用户名弹出消息时,请输入用户名,然后如果我按OK按钮光标应该进入txtusername文本框。在密码的情况下也应该发生相同的事情,光标应该进入txtpassword文本框。但是在我的编程中弹出消息即将到来,但是按下ok按钮后光标没有放在预期的位置,请有人修改我的代码。这是我的代码。
<script type="text/javascript">
//Function to check valid login
function validLogin() {
if (document.getElementById("TxtName").value == "") {
alert("Please enter your UserName");
return false;
}
if (document.getElementById("Txtpassword").value == "") {
alert("Please enter your Password");
return false;
}
return true;
}
<asp:Button ID="BtnLogin" runat="server" Text="Login" onclick="BtnLogin_Click" OnClientClick="validLogin()"/>
答案 0 :(得分:4)
尝试一下(假设你的意思是TxtName,就像你的代码一样,而不是TxtUsername,就像你的问题一样。
<script type="text/javascript">
//Function to check valid login
function validLogin() {
var name = document.getElementById("TxtName");
if (name.value == "") {
alert("Please enter your UserName");
name.focus();
return false;
}
var password = document.getElementById("Txtpassword");
if (password.value == "") {
alert("Please enter your Password");
password.focus();
return false;
}
return true;
}
</script>
答案 1 :(得分:0)
在提醒后使用element.focus()。 即。
alert("please enter your UserName");
document.getElementById("UserName").focus();