`

input不失去焦点激发javascript

 
阅读更多
input的change等方法都是要失去焦点才可以激发javascript,要想在不失去焦点的情况下随时激发javascrip的话,要写成下面的样子,这里用的是jquery
其中的inputid就是输入框的ID

<script type="text/javascript">
	$(function(){
		if($.browser.msie){
			$("#inputid").bind("propertychange",function(){
				checkInput();
			});
		}else{
			$("#inputid").bind("input",function(){
				checkInput();
			});
		}
	})
	
	function checkInput(){
	var inputid = $("#inputid").val();
	if(inputid.length == 8){
		$("#form").submit();
	}
}
</script>


需要说明的一定是,上面提交form数据的时候,如果form里边有input type=submit的,会提交不上数据,没有反应的。
分享到:
评论

相关推荐

    input 失去焦点文字消失

    当鼠标点到input框时 文字消失 当移开时恢复默认值

    asp.net中TextBox获得焦点和失去焦点——客户端JavaScript事件

    例如,使用`PageMethods`或者`jQuery AJAX`,可以在TextBox失去焦点时异步验证用户输入,而不需刷新整个页面。 ```javascript &lt;asp:ScriptManager ID="ScriptManager1" runat="server"&gt;&lt;/asp:ScriptManager&gt; ...

    html文本框input表单输入框默认提示信息插件,获得焦点自动清空默认值,失去焦点对比确认默认值

    当input失去焦点时 会判断输入值与默认值是否一致 如果一致(或空)则再次显示默认提示信息 若不一致(已输入信息)则input值为所输入值 3 此插件是jquery插件 调用方式为 $ &quot;#xxx&quot; autoTip ; 并可以指定...

    Bootstrap实现input控件失去焦点时验证

    在用户离开(input)控件,即失去焦点时进行验证是一种常见的做法,可以及时反馈错误,提高用户体验。 在Bootstrap中,我们可以使用内置的表单验证功能或者自定义JavaScript/jQuery代码来实现这一功能。以下是一个...

    easyui textbox失去焦点事件及获取文本框的内容

    EasyUI文本框失去焦点事件和获取文本框内容的实现 EasyUI文本框是一种常用的UI组件,它提供了许多实用的功能,如文本框失去焦点事件和获取文本框内容等。下面我们将详细介绍EasyUI文本框失去焦点事件和获取文本框...

    【JavaScript源代码】element input输入框自动获取焦点的实现.docx

    在JavaScript和Vue.js开发中,有时我们需要实现一种功能,即当页面加载或特定事件发生时,使输入框(input)自动获取焦点。这样的需求在创建表单或评论系统时尤其常见,用户可以直接开始输入而无需手动点击输入框。...

    js实现input文本框点击时文字消失,失去焦点时文字出现

    在JavaScript编程中,有时我们需要为输入框(input)设置一种特殊的行为,比如当用户点击输入框时,预设的文字消失,而当用户离开输入框(失去焦点)时,这些文字又重新出现。这种功能常见于搜索框或者密码输入等...

    C#控件中失去焦点Focus事件与获得焦点Focus事件

    在C#编程中,控件的焦点管理是用户界面交互中的关键部分,它涉及到控件何时获取或失去用户的输入注意力。焦点事件对于确保程序的响应性和用户体验至关重要。本篇文章将详细探讨C#中的"LostFocus"和"GotFocus"事件,...

    在js(jquery)中获得文本框焦点和失去焦点的方法

    介绍两个方法和种是利用javascript onFocus onBlur来判断焦点和失去焦点,加一种是利用jquery $("p").blur(); 或$("p").blur(fn)来实现,有需要的朋友可以参考一下

    方向键盘控制table内的input标签焦点

    "方向键盘控制table内的input标签焦点"这一主题关注的是如何通过键盘导航提高用户在表格内输入数据的效率。在传统的网页交互中,用户通常通过鼠标点击来切换输入框的焦点,但通过键盘的上下左右箭头键进行导航能提供...

    JQ 文本框得到失去焦点

    本文将围绕“JQ文本框得到失去焦点”这一主题进行详细讲解,帮助开发者理解如何利用jQuery来监听文本框(input[type="text"])的聚焦(focus)和失焦(blur)事件。 ### 一、jQuery基本概念 jQuery库通过$函数提供...

    vue3 获取焦点,vu3 input 获取焦点 Vue 3 focus input

    我们都知道在vue2中获取焦点为,然后调用focus方法 this.$nextTick(()=&gt;{ this.$refs.XXX.focus() }) 现在我们的vue3怎么获取焦点,请看附件,已经正常使用。 请放心下载

    input 输入框获得/失去焦点时隐藏/显示文字(jquery版)

    本文将讨论如何使用jQuery来实现一个常见的功能:当`input`输入框获得焦点时隐藏默认文字,失去焦点且未输入内容时恢复默认文字。 首先,传统的实现方式是在HTML标签中直接内联JavaScript事件处理函数,例如`...

    edittext失去焦点,收起键盘

    标题"edittext失去焦点,收起键盘"以及描述"如果点击的view,不为edittext,则收起键盘"都指向了这个特定的需求。 实现这一功能,我们可以利用Android提供的几个关键API。首先,我们需要监听EditText的焦点变化。这...

    深究AngularJS—如何获取input的焦点(自定义指令)

    在AngularJS中,获取输入元素(input)的焦点是一项常见的需求,尤其在用户交互或表单自动填充时。本文将深入探讨如何通过自定义指令来实现这一功能,以便更好地理解和掌握AngularJS的核心机制。 首先,我们需要了解...

    简单语句实现表单获取和失去焦点输入框提示效果

    接下来,我们需要编写JavaScript代码,利用jQuery来实现获取和失去焦点时的提示效果。创建一个名为`search.js`的文件,内容如下: ```javascript $(document).ready(function() { var $searchInput = $('#search')...

    jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例

    文章主要介绍了如何使用jQuery来实现当input输入框获得和失去焦点时,提示信息的显示和隐藏。首先,对于不熟悉jQuery的读者,需要理解jQuery是一个快速、小巧、功能丰富的JavaScript库。它通过封装JavaScript常用的...

    javascript input自动赋值

    在"javascript input赋值"这个压缩包文件中,可能包含了一些示例代码或者教程,用于演示如何在实际项目中应用这些技术。通过学习和理解这些示例,开发者能够更好地掌握JavaScript中对input元素的操作,提高前端开发...

Global site tag (gtag.js) - Google Analytics