今天,想做一个“JavaScript检查输入框是否有值再激活提交按钮的方法”的JS简单应用,GOOGLE了一下,也有些文章介绍了方法,自己做了些修改,也写了一个代码:
<html>
<head>
<script>
function init() {
test.htmer.disabled = true;
}
function checkinput(){
if(test.htmer1.value != '' ){
test.htmer.disabled = false;
}
}
</script>
</head>
<body onload="init()">
<h1 align="center">JavaScript检查输入框是否有值再激活提交按钮的方法</h1>
<form action="a.jsp" method="post" name="test" >
<input name="htmer1" onpropertychange="checkinput();" maxlength="10" size="12">
<br>
<input name="htmer" type="submit" value="提交">
</form>
</body>
</html>
- 我google得来的代码:
<script>
function checkinput(){
htmer.disabled = (htmer1.value == '' )
}
</script>
<input name="htmer1" onpropertychange="checkinput();">
<input name="htmer" type="submit" disabled value="提交">
- 根据google来的代码,我修改了一下,写了以下代码,运行通过:
<html>
<head>
<script>
window.onload=init;
function init() {
test.htmer.disabled = true;
}
function checkinput(){
test.htmer.disabled = (test.htmer1.value == '' )
}
</script>
</head>
<body>
<form method="post" action="" name="test">
<input name="htmer1" onpropertychange="checkinput();">
<input name="htmer" type="submit" value="提交">
</form>
</body>
</html>
分享到:
相关推荐
javascript中经常用到的一个表单提交,表单点击提交按钮后变成灰色
主要介绍了javascript实现点击提交按钮后显示loading的方法,涉及javascript动态设置页面元素样式的相关技巧,需要的朋友可以参考下
主要是对利用javaScript实现点击输入框弹出窗体选择信息进的实例行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
submit是button的一个特例,也是button的一种,它把提交这个动作...使用button按钮实现submit提交,需要在button标签中的使用onclick方法,然后在JavaScript中实现具体,代码如下: <head> [removed] functio
html javascript 金额输入框,输入小写金额自动显示大写金额,自动增加逗号分割,自动增加货币符号,并有校验。
快捷键提交按钮.rar快捷键提交按钮.rar快捷键提交按钮.rar快捷键提交按钮.rar快捷键提交按钮.rar快捷键提交按钮.rar
废话不多说了,直接给大家贴关键代码了...* 校验当前输入框的值,如果不为空显示清空按钮 * @param element */functioncheckInput(element){var value = $(element).val(); if(value!=null&&''!=value) $(element).paren
这里实现点击单选按钮改变输入框中文本域内容的方法,是一个JavaScript 的简单应用,可以减少用户的输入,提升用户操作易用性,它类似一个TAB选项卡一样的功能,并可以完成后提交表单,值得学习。 运行效果截图如下...
用javascript实现的激活输入框后隐藏初始内容
点击输入框就出来时间的JavaScript 很好用
主要介绍了js简单实现表单中点击按钮动态增加输入框数量的方法,涉及javascript鼠标点击事件及insertAdjacentHTML方法的相关使用技巧,需要的朋友可以参考下
主要介绍了js下拉选择框与输入框联动实现添加选中值到输入框的方法,涉及javascript中onchange事件及页面元素遍历的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了JavaScript控制输入框中只能输入中文、数字和英文的方法。分享给大家供大家参考,具体如下: 1、问题背景: 遇到这样一个问题:有一个输入框,要求只能输入中文、数字和英文(即过滤特殊字符串) 2、...
JSP中使用JavaScript动态插入删除输入框实现代码.docx
javascript弹出层表单提交代码,就是点击按钮后,弹出一个form表单让你填写,等你填好后再提交
代码 代码如下: <body>...input type=”text” id=”name” />... //pwd输入框获得焦点时触发onfocus事件,验证name输入框的内容格式是否正确 [removed] var name = document.getElementById(“name”); function
javaScript实现点击输入框弹出窗体选择信息,提供源码,希望可以共同学习,不足处请指出,呵呵 -------javascript爱好者,java交流群:166256747,分享自己的技术是一种美德!
NULL 博文链接:https://heisetoufa.iteye.com/blog/356950
有时候我们需要在登陆表单有一些提示语言,比如“请输入用户名”和“请输入密码”等语言,通过本文给大家介绍JavaScript实现输入框(密码框)出现提示语的相关知识,对js实现输入框提示相关知识感兴趣的朋友一起学习吧
JavaScript实现一个输入框组件 本文实例为大家分享了手动实现一个输入框组件的具体代码,供大家参考,具体内容如下 背景 taro h5中想要实现一个样式如下的输入框: 问题: taro组件和taro-ui组件中都没有这种...