如何在使用javascript尝试3次后禁用按钮?

如何在使用javascript尝试3次后禁用按钮?,javascript,html,Javascript,Html,您将如何在尝试3次后禁用“提交”按钮? 以下是全部代码(感谢您在javascript方面获得了一些帮助) /*此脚本允许用户使用请求 用户ID和密码*/ 函数pasuser(表格){ if(form.identifier.value==“GG”){ 如果(form.pass.value==“123”){ 窗口位置('https://www.google.com/'); }否则{ 警报(“无效密码”); } }else{alert(“无效用户标识”); } } 登录 用户名 密码 一种方法是添

您将如何在尝试3次后禁用“提交”按钮? 以下是全部代码(感谢您在javascript方面获得了一些帮助)

/*此脚本允许用户使用请求
用户ID和密码*/
函数pasuser(表格){
if(form.identifier.value==“GG”){
如果(form.pass.value==“123”){
窗口位置('https://www.google.com/');
}否则{
警报(“无效密码”);
}
}else{alert(“无效用户标识”);
}
}

登录
用户名
密码

一种方法是添加一个计数器,如果计数器达到3并且凭证仍然错误,则隐藏/删除按钮

但是,在服务器端执行此操作要安全得多

下面是一个基于代码的JavaScript客户端解决方案,但同样,仅在客户端进行检查是不安全的

/*此脚本允许用户使用请求
用户ID和密码*/
var按钮=document.getElementById(“submitBtn”);
var=0;
函数pasuser(表格){
尝试++;
if(form.identifier.value==“GG”){
如果(form.pass.value==“123”){
尝试次数=0;
窗口位置('https://www.google.com/');
}否则{
警报(“无效密码”);
button.style.display=尝试次数===3?“无”:“块”;
}
}else{alert(“无效用户标识”);
button.style.display=尝试次数===3?“无”:“块”;
}
}

登录
用户名
密码
var-trieds=0;
函数pasuser(表格){
if(form.identifier.value==“GG”){
if(form.pass.value==“123”){
window.location=https://www.google.com/';
}否则{
警报(“无效密码”);
trieds+=1;
}
}否则{
警报(“无效用户标识”);
trieds+=1;
}
//换成
document.querySelector(“按钮”).disabled=(trieds==3)?true:false;
}

使用一个变量并进行计数。但实际上,你会在服务器端执行此操作,就像登录检查一样,因此这是一种模拟练习而不是隐藏/显示。尽管这并不重要,因为大多数代码都应该在服务器上处理,正如您所说的,我尝试了服务器端和php,但它不起作用,我不知道为什么。但是,谢谢你的回答@Ethical38如果您愿意,可以试着问另一个关于您的PHP尝试的问题,但这个问题不起作用。也许有人能帮你解决这个问题!另外,在代码window.location的第9行中,它不起作用,应该是window.location。assign@Ethical38我只是按原样使用了你的代码并添加了几行。。。
var trieds = 0;
function pasuser(form) {
    if (form.identifier.value=="GG") {
        if (form.pass.value=="123") {
            window.location = 'https://www.google.com/';
        } else {
            alert("Invalid Password");
            trieds += 1;
        }
    } else {  
        alert("Invalid UserID");
        trieds += 1;
    }
    //Change <input type='button'> for <button>
    document.querySelector("button").disabled = (trieds === 3) ? true : false;
}