JavaScript检查输入框是否有值再激活提交按钮的方法

JavaScript检查输入框是否有值再激活提交按钮的方法

    我们在网页设计时常常会用到表单，要求用户输入一些资料，然后用户点击提交按钮后进行相应的处理，但是表单中有些内容是必填的，我们常用的方法是对表单中的每个input进行判断，要求一定要输入字符才行。这里再给大家介绍另外一种方法，就是利用JavaScript检查输入框是否有值再激活提交按钮。

    具体的方法就是：初始状态时将提交按钮设为不激活状态，当input输入框中有字符时，则激活提交按钮，具体代码如下所示：

 <script>
function checkinput(){
htmer.disabled = (htmer1.value == '' || htmer2.value == '' || htmer3.value == '')
}
</script>
<input name="htmer1" onpropertychange="checkinput();">
<input name="htmer2" onpropertychange="checkinput();">
<input name="htmer3" onpropertychange="checkinput();">
<input name="htmer" type="submit" disabled value="提交">
如果觉得《JavaScript检查输入框是否有值再激活提交按钮的方法》网页设计,网页设计教程,网页设计知识不错，可以推荐给好友哦。