HTMer » 编程开发 » 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="提交">
顶一下 ▲()   踩一下 ▼()

相关文章