Javascript 基于输入字段启用/禁用提交按钮(已填充/未填充)

Javascript 基于输入字段启用/禁用提交按钮(已填充/未填充),javascript,jquery,forms,form-submit,checkvalidity,Javascript,Jquery,Forms,Form Submit,Checkvalidity,如果我只想让input submit按钮启用/禁用/启用,那么我在这段代码中缺少了什么。。只要我填写或取消填写输入文本? 对不起,我正在尽我最大的努力学习javascript…有人能帮我修复这段代码吗 <form name="myform" method="post"> <input onkeyup="checkFormsValidity();" id="input_id" type="text" name="input_name" value=""/> <inpu

如果我只想让input submit按钮启用/禁用/启用,那么我在这段代码中缺少了什么。。只要我填写或取消填写输入文本? 对不起,我正在尽我最大的努力学习javascript…有人能帮我修复这段代码吗

<form name="myform" method="post">
<input onkeyup="checkFormsValidity();" id="input_id" type="text" name="input_name" value=""/>
<input type="submit" name="submit_name" value="OK" class="submit_class" id="SubmitButton"/>
</form>

<script>
var sbmtBtn = document.getElementById("SubmitButton");
sbmtBtn.disabled = true; 

function checkFormsValidity(){
var myforms = document.forms["myform"];   
    if (myforms.checkValidity()) {
        sbmtBtn.disabled = false;
    } else {
        sbmtBtn.disabled = true;
    }
}
</script>

var sbmtBtn=document.getElementById(“SubmitButton”);
sbmtBtn.disabled=true;
函数checkFormsValidity(){
var myforms=document.forms[“myform”];
if(myforms.checkValidity()){
sbmtBtn.disabled=false;
}否则{
sbmtBtn.disabled=true;
}
}
这是小提琴:

我是否缺少声明onLoad模式或类似的内容? 谢谢

需要更改为:

checkFormsValidity = function(){
就我个人而言,我不会以这种方式检查代码的有效性,但就让代码无误运行而言,这样就可以了

编辑:还向输入中添加
required=“required”

需要更改为:

checkFormsValidity = function(){
就我个人而言,我不会以这种方式检查代码的有效性,但就让代码无误运行而言,这样就可以了


编辑:还要将
required=“required”
添加到输入中。

实际上-如果不是
jsiddle
示例,您的代码将非常有用:

var sbmtBtn=document.getElementById(“SubmitButton”);
sbmtBtn.disabled=true;
函数checkFormsValidity(){
var myforms=document.forms[“myform”];
if(myforms.checkValidity()){
sbmtBtn.disabled=false;
}否则{
sbmtBtn.disabled=true;
}
}
input[type='submit']:已禁用{
颜色:红色;
}

事实上-如果不是一个
jsfiddle
示例,您的代码将非常有用:

var sbmtBtn=document.getElementById(“SubmitButton”);
sbmtBtn.disabled=true;
函数checkFormsValidity(){
var myforms=document.forms[“myform”];
if(myforms.checkValidity()){
sbmtBtn.disabled=false;
}否则{
sbmtBtn.disabled=true;
}
}
input[type='submit']:已禁用{
颜色:红色;
}


好的,谢谢,这就够了。但是您是否注意到,如果我删除/取消填充输入文本,提交按钮不会返回到禁用模式?我们如何解决这个问题?将
required=“required”
添加到InputKey谢谢,这就解决了问题。但是您是否注意到,如果我删除/取消填充输入文本,提交按钮不会返回到禁用模式?我们如何解决这个问题?将
required=“required”
添加到输入框中,因此基本上我没有在您的计算机/服务器中添加required=“required”,您可能没有添加
required
,是的。谢谢,所以基本上我没有在您的计算机/服务器中添加required=“required”,您可能没有添加
required
,是的。