Javascript 如何控制web窗体按钮的可用性

Javascript 如何控制web窗体按钮的可用性,javascript,webforms,Javascript,Webforms,我有一个带有文本字段的web表单。我想使表单按钮仅在某些条件下可用。填写文本字段时 下面是我的javascript代码,但它没有按预期工作 我错过了什么 多谢各位 function validate(input, name) { if(name=='name') { if(input==null || input=='') { document.getElementById('nameDiv').style.visibility='visible'

我有一个带有文本字段的web表单。我想使表单按钮仅在某些条件下可用。填写文本字段时

下面是我的javascript代码,但它没有按预期工作

我错过了什么

多谢各位

function validate(input, name) {
    if(name=='name') {
        if(input==null || input=='') {
            document.getElementById('nameDiv').style.visibility='visible';
            document.getElementById('next').disabled='disabled';
        } else {
            document.getElementById('nameDiv').style.visibility='hidden';
            var emailField = document.getElementByID('email').value;
            if(emailField!="" || emailField!=null) {
                document.getElementById('next').disabled='';
            }
        }
    }

    if(name=='email') {
        if(input==null || input=='') {
            document.getElementById('emailDiv').style.visibility='visible';
            document.getElementById('next').disabled='disabled';
        } else {
            document.getElementById('emailDiv').style.visibility='hidden';
            var nameField = document.getElementByID('name').value;
            if(nameField!="" || nameField!=null) {
                document.getElementById('next').disabled='';
            }
        }
    }
}
试试这个

document.getElementById('next').disabled= false;
document.getElementById('next').disabled=true;

尝试更改以下两行

if(emailField!="" || emailField!=null) {
if(nameField!="" || nameField!=null) {


我在var nameField=document.getElementByID'name'.value;,之后设置了一个警报命令;,但它没有运行它。我认为有语法错误。。用这个。。。var nameField=document.getElementById'name'。值;在填写一个文本字段后,为什么允许我提交表单?在document.getElementById'nameDiv.style.visibility='visible'之后使用return false;document.getElementById'next'.disabled='disabled';它仍然允许我单击按钮,当我显示值时,它显示为空白。
if(emailField!="" && emailField!=null) {
if(nameField!="" && nameField!=null) {