HTMer

研究互联网络和电脑应用技术的IT技术网。 (勤奋+智慧→理想)

« Windows中32位(x86)和64位(x64)的区别Firefox中对HTML注释不支持连续两个减号 »

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="提交">


欢迎转载,转载请注明:转载自HTMer [ http://www.htmer.com/ ]

本文链接地址:http://www.htmer.com/article/464.htm

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

HTMer , Powered By Z-Blog, 苏ICP备08003082号

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.
HTM|HTML|ASP|PHP|JSP|Mysql|SQL|Dreamweaver|Flash|Fireworks|Photoshop|SEO Copyright www.HTMer.com. Some Rights Reserved. English Version