javascript - 在用文本填充某些字段时启用提交按钮

标签 javascript html forms button submit

我有以下表格和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>

当我第一次加载我的网站时,提交按钮被禁用,正如我所希望的,因为文本字段中没有文本。现在我想在文本字段中放置一些文本后启用该按钮。

有什么帮助吗?

最佳答案

问题中的现有代码运行良好,但在删除文本后会被禁用。这可能是其他人所希望的,但您可以进行一些小的更改以将其永久删除而无需 jquery(jquery 不在标签中)

function toggleButton(ref,bttnID){
  document.getElementById(bttnID).removeAttribute("disabled");
}

并将onkeyup="toggleButton(this,'bttnsubmit')添加到需要启用按钮的任何字段

关于javascript - 在用文本填充某些字段时启用提交按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14632110/

相关文章:

javascript - 声音不会在A-Frame中的单击事件上停止

Javascript 无法访问 Java 小程序函数

forms - 将不在模式中的表单字段添加到 Doctrine 表单 Symfony 1.4

php - Laravel:表格更新表中的多行?

email - 将 HTML 表单放入电子邮件是否不切实际?

javascript - 使用 Javascript 验证包含阿拉伯字符的密码输入

javascript - 为什么 MySQL 连接字符串可以在 bash 中工作,但不能在 javascript 中工作?

html - 如何相对于父 div 定位叠加层?

html - 基本网页顶部的差距?

jquery改变一个特定html元素的一个css属性