Javascript 基于输入字段启用/禁用提交按钮(已填充/未填充)
如果我只想让input submit按钮启用/禁用/启用,那么我在这段代码中缺少了什么。。只要我填写或取消填写输入文本? 对不起,我正在尽我最大的努力学习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
<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
,是的。