在填写文字的某个字段时启用提交按钮 [英] Enable submit button when filling in some field with text

问题描述

我有以下表单和javascript：

 < script type =text / javascript> 
 function toggleButton（ref，bttnID）{
 document.getElementById（bttnID）.disabled =（（ref.value！== ref.defaultValue）？false：true）; 
} 
< / script> 
 
< form action =method =postid =subscribename =subscribe> 
< label> NAME：< / label> 
< input type =textname =nameclass =subNameonkeyup =toggleButton（this，'bttnsubmit'）;> 
< label> EMAIL：< / label> 
< input type =textname =emailclass =subEmailid =sub_email> 
< input type =buttonname =buttonvalue =Subscribedisabled ='disabled'id ='bttnsubmit'/> 
< / form> 
  

当我第一次加载我的站点时，SUBMIT按钮被禁用，因为我想要，因为文本字段有没有文字。现在我想在文本字段中放置一些文本时启用该按钮。

有什么帮助吗？

  $（document）.ready（function（） {
 $（'＃bttnsubmit'）。attr（'disabled'，'disabled'）; 
 $（'input [type =text]'）。keyup（function（）{
 if（$（this）.val（）！=''）{
 $（'input [type =submit]'）。removeAttr（'disabled'）; 
} 
}）; 
}）; 
  

来源： jQuery禁用/启用提交按钮

I have the following form and javascript:

<script type="text/javascript">
function toggleButton(ref,bttnID){
  document.getElementById(bttnID).disabled= ((ref.value !== ref.defaultValue) ? false : true);
}
</script>

<form action="" method="post" id="subscribe" name="subscribe">
<label>NAME:</label>
<input type="text" name="name" class="subName" onkeyup="toggleButton(this,'bttnsubmit');">
<label>EMAIL:</label>
<input type="text" name="email" class="subEmail" id="sub_email">
<input type="button" name="button" value="Subscribe" disabled='disabled' id='bttnsubmit'/>
</form>

When I first load my site the SUBMIT button is disabled, as I wanted, since the text field has no text in it. Now I would like to enable the button once some text has been placed within the text field.

Any help please?

解决方案

Using jQuery:

$(document).ready(function() {
     $('#bttnsubmit').attr('disabled','disabled');
     $('input[type="text"]').keyup(function() {
        if($(this).val() != '') {
           $('input[type="submit"]').removeAttr('disabled');
        }
     });
 });

source: jQuery disable/enable submit button

这篇关于在填写文字的某个字段时启用提交按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！