您现在的位置:多问网知识中心电脑教学网页设计JavaScript检查输入框是否有值再激活提交按钮的方法

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

06-11 19:37:26   浏览次数:73426  栏目:网页设计
标签:网页设计教程,网页设计知识,http://www.duowen123.com 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检查输入框是否有值再激活提交按钮的方法
相关热词搜索: tag: 网页设计,网页设计教程,网页设计知识,电脑教学 - 网页设计
上一篇:JavaScript实现弹出“确定/取消”对话框的方法
文章评论
联系我们 | 网站地图 | 范文大全 | 管理资料 | 驾照考试 | 教学资料 | 名言大全 | 软件下载
Copyright @ 多问网 all rights reserved
学生评语_教案设计_小学语文试卷
1 2 3 4 5 6 7 8 9 10 11 12