我们在网页设计时常常会用到表单,要求用户输入一些资料,然后用户点击提交按钮后进行相应的处理,但是表单中有些内容是必填的,我们常用的方法是对表单中的每个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="提交">