`

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

阅读更多

今天,想做一个“JavaScript检查输入框是否有值再激活提交按钮的方法”的JS简单应用,GOOGLE了一下,也有些文章介绍了方法,自己做了些修改,也写了一个代码:

  • 我的JS代码,运行通过:
<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>
     
分享到:
评论

相关推荐

    JS点击按钮自动倒计时代码.zip

    首先,我们来看第一个示例——“阅读条款后激活按钮”。这种设计通常出现在用户注册或登录的过程中,要求用户在同意服务条款和隐私政策后才能继续操作。通过点击按钮启动倒计时,可以防止用户未经阅读就匆匆勾选同意...

    新窗口显示提交内容的源码

    - `if (win == null || win.closed)`:检查`win`是否为`null`或已被关闭。 - 如果是,则创建一个新窗口: - `win = window.open("about:blank", "choose_window", "width=200,height=200,scrolling=yes");` - `...

    好看的文本框和按钮样式

    这段JavaScript代码展示了如何在用户点击提交按钮时,收集所有名为“T”的输入框中的值并存储到数组中,最后通过`alert()`函数显示所有输入值的字符串。`sn[T.value] = i;`语句中存在语法错误,正确的写法应是`sn[i]...

    AmazeUI 输入框组

    AmazeUI 输入框组是基于前端开发框架AmazeUI中的一个重要组件,主要用于构建网页上的表单元素,尤其是涉及用户输入的场景。这个组件提供了一种高效、美观且响应式的解决方案,帮助开发者创建出符合现代Web设计标准的...

    说说回车键触发表单提交的问题

    2. **如果没有默认提交按钮**:如果表单内没有明确的提交按钮,或者当前激活的输入元素不在任何表单内,回车通常不会触发提交。 为了自定义回车键的行为,开发者可以: - **设置默认提交按钮**:通过设置`form`...

    一个简单的Demo 添加数据 按钮

    例如,可以设置按钮的背景色、边框、字体大小等属性,或者实现悬停、激活等不同状态下的样式变化。 总的来说,这个"一个简单的Demo 添加数据 按钮"可能涵盖了以下几个知识点: 1. 数据库操作:理解如何向数据表插入...

    javascript表单事件汇总

    这通常发生在用户从输入框、按钮或其他可聚焦元素上移开鼠标或切换到页面上的其他元素时。此事件常用于数据验证,确保在用户离开输入字段前检查数据的有效性。 ### 三、onchange `onchange`事件在表单元素(如下拉...

    JavaScript常用事件

    2. `onchange`事件:当表单元素的值发生改变且失去焦点时触发,如文本输入框或选择列表。这个事件常用于实时检查或更新用户输入的数据。 3. `onclick`事件:当用户点击元素时触发,可以用于激活链接、按钮或其他...

    【JavaScript源代码】JavaScript一文带你玩转web表单网页.docx

    `&lt;input type="submit"&gt;`创建了一个提交按钮,但只有当表单被`&lt;form&gt;`包围时,点击提交按钮才会触发数据的发送。 `name`和`id`属性在表单中扮演着重要角色。`name`用于标识表单数据,方便后端获取;`id`则在前端...

    js禁用和激活input表单的方法

    JS 禁用和激活 Input 表单的方法 在 Web 开发中,控制 Input 表单的禁用和激活是非常常见的需求,例如在用户注册时,需要确认用户信息之前,不允许用户修改某些字段。今天,我们将探讨如何使用 JavaScript 实现 ...

    jQuery实现手机自定义弹出输入框

    这段代码中的`#txt`是对应文本框的ID,当这个文本框获得焦点时,会执行`blur()`方法,使当前激活的元素(即文本框)失去焦点,从而防止手机键盘弹出。 二、显示与关闭自定义输入键盘 1. 打开自定义输入键盘:当...

    基于JS实现类似支付宝支付密码输入框

    - 使用`&lt;div&gt;`元素创建`.wrap`,并在其中包含`.inputBoxContainer`,该容器内有一个实际的输入框(`.realInput`)和六个禁用的假输入框(`.bogusInput`)。 - `&lt;button&gt;`元素作为确认按钮,具有`.confirmButton`类...

    javaScript

    17. `window.prompt()`: 显示一个带有输入框和“确认”“取消”按钮的对话框,获取用户输入。 18. `window.resizeBy()`: 以像素为单位改变窗口大小。 19. `window.resizeTo()`: 设置窗口的新尺寸。 20. `window....

    JavaScript弹出式日历

    JavaScript弹出式日历是一种常见的前端交互功能,它允许用户在网页上方便地选择日期,而无需离开当前页面。这种日历通常以对话框或浮动窗口的形式出现,点击后会在输入框旁边显示一个包含日期的选择界面。用户选择...

    JavaScript 控制文本框的值连续加减

    在JavaScript代码中,我们首先定义了两个全局变量`flag1`和`flag2`,用于标识加一和减一的按钮是否被激活。之后,我们定义了几个关键函数来实现功能。 - `NumberInc()`函数是用于改变文本框值的核心函数。它首先...

    jQuery 常用代码集锦(必看篇)

    再来,判断一个图片是否已经完全加载可以通过jQuery的.load()方法来实现。该方法允许我们在图片完全加载后执行一个回调函数。这个功能对于需要在图片加载完成后才进行下一步操作的场景非常有用,例如初始化图片上的...

    javaScript百宝箱

    6. 防止被框架嵌入(frame):通过JavaScript检查`top.location`与`self.location`,如果两者不相等,则重定向到指定的框架页面,防止自身被其他页面嵌入。 7. 防止网页被另存为:在`&lt;noscript&gt;`标签中放入`...

    js修改绑定手机号码表单代码.zip

    3. **表单验证**:在用户提交新手机号码前,需要进行前端验证,如检查手机号码格式是否正确,是否已填写等。这可以通过`pattern`属性配合正则表达式,或者自定义函数来实现。 4. **异步请求**:当表单验证通过后,...

Global site tag (gtag.js) - Google Analytics