当前位置:学学看123知识中心电脑教学网页设计JavaScript检查输入框是否有值再激活提交按钮的方法» 正文

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

[06-11 19:37:26]   来源:http://www.xxk123.com  网页设计   阅读:8734

导读: 我们在网页设计时常常会用到表单,要求用户输入一些资料,然后用户点击提交按钮后进行相应的处理,但是表单中有些内容是必填的,我们常用的方法是对表单中的每个input进行判断,要求一定要输入字符才行。这里再给大家介绍另外一种方法,就是利用JavaScript检查输入框是否有值再激活提交按钮。 具体的方法就是:初始状态时将提交按钮设为不激活状态,当input输入框中有字符时,则激活提交按钮,具体代码如下所示: <script>function checkinput(){htmer.disabled = (htmer1.value == '' || htmer2.value == '' || htmer3.value == '')}</script><input name="htmer1" onpropertychange="checkinput();"><input name="htmer2" onpropert

JavaScript检查输入框是否有值再激活提交按钮的方法,标签:网页设计教程,网页设计知识,http://www.xxk123.com

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

Copyright 学学看123 All Right Reserved.

1 2 3 4 5 6 7 8 9 10