判断用户名,密码,验证码都输入后才启动登录按钮js怎么写
2个回答
2023-05-19
展开全部
假设用户名输入框的id为“username”,密码输入框的id为“password”,验证码输入框的id为“verify”,登录按钮的id为“login”,可以使用以下代码实现:``` javascriptconst usernameInput = document.getElementById(\"username\"); // 获取用户名输入框const passwordInput = document.getElementById(\"password\"); // 获取密码输入框const verifyInput = document.getElementById(\"verify\"); // 获取验证码输入框const loginButton = document.getElementById(\"login\"); // 获取登录按钮// 监听输入框的输入事件usernameInput.addEventListener(\"input\", checkInput);passwordInput.addEventListener(\"input\", checkInput);verifyInput.addEventListener(\"input\", checkInput);// 检查输入框是否都有输入function checkInput() { if (usernameInput.value \u0026\u0026 passwordInput.value \u0026\u0026 verifyInput.value) { loginButton.removeAttribute(\"disabled\"); // 启用登录按钮 } else { loginButton.setAttribute(\"disabled\", \"disabled\"); // 禁用登录按钮 }}```这段代码中,使用addEventListener方法为每个输入框添加了“input”事件的监听器,当用户输入时,会自动触发checkInput函数。checkInput函数会检查三个输入框是否都有输入,如果都有输入,则启用登录按钮,否则禁用登录按钮。
2017-07-24
展开全部
//按钮的话使用一个div来代替吧。
//bt1,按钮,form表单。
bt1.onclick = function(){
if(user==""||pwd==""||yzm==""){
alert("用户名,密码,验证码不能为空")
}else{
form.submit();//提交表单
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询