PHP----练习----光标离开文本框时变色

【PHP----练习----光标离开文本框时变色】的更多相关文章

PHP----练习----光标离开文本框时变色

题目::创建若干个输入文本框,当光标离开文本框的时候如果文本框为空,则将文本框背景色设置为红色,如果不为空则为白色. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtm…

[原]创建三个输入文本框，当光标离开文本框的时候如果文本框为空，则将文本框背景色设置为红色，如果不为空则为白色。提示：焦点进入控件的事件是onfocus，焦点离开控件的事件是onblur

window.onload = function () { var txts = document.getElementsByTagName('input'); for (var i = 0; i < txts.length; i++) { txts[i].onblur = function () { if (this.value.length == 0) { …

使用 elementUI 的表单进行查询，表单中只有一个文本框时，回车会自动触发表单的提交事件，导致页面的刷新。

使用elementUI的el-form组件进行查询时,当输入框仅有一项时,回车自动提交表单,浏览器会刷新页面: 原因:由于当表单只有一个文本框时,按下回车将会触发表单的提交事件, 从而导致页面刷新. 1 <el-form :inline="true" :model="getForm" class="demo-form-inline"> 2 <el-form-item label="科目名称"> 3 &l…

JQ 让光标在文本框最末尾

function setFocus() { //文本末尾获得焦点 var obj = event.srcElement; var txt = obj.createTextRange(); txt.moveStart('character', obj.value.length); txt.collapse(true); txt.select();} <input value="1" onfocus="setFocus()"/> 类似输入序列号,每个文本框输…

[JS] 鼠标点击文本框清空默认值,离开文本框恢复默认值

在使用文本框的时候,若设定了初始值,选择文本框进行输入的时候要将本来的内容进行删除,会显得非常麻烦可以在文本框属性定义触发onfocus和onblur两个事件时对应的js功能下面以asp.net代码为例文本框控件的设置: 属性内设定好onfocus和onblur即可参数1传递的是控件本身,参数2传的是控件的默认text值 <asp:TextBox ID="Material_No" onfocus="onFocusFun(this,'請輸入料號')" o…

禁止backspace键(退格键)，但输入文本框时不禁止（兼容IE）

Ext实现方式: Ext.getDoc().on('keydown',function(e){ if(e.getKey() == 8 && e.getTarget().type =='text' && !e.getTarget().readOnly){ }else if(e.getKey() == 8 && e.getTarget().type =='textarea' && !e.getTarge…

Jquery / js 判断数据类型方法（限制文本框类型输入）

当想要判断文本框中的值是否为自己想要的类型时,可以通过一些方法作出判断,这里对于光标离开文本框时判断文本框中输入的是否是数值类型,如果不是,做出提示 $("#WORKYEARS").blur(function () {//光标离开事件 var WORKYEARS = $.trim($("#WORKYEARS").val());//取出文本框的值 if (WORKYEARS != "") { var isok = isNaN(WORKYEARS);…

js/jquery获取文本框的值与改变文本框的值

我们就用它来学习获取文本框的值及改变文本框的值. 代码如下复制代码 <script>function get1(){ document.getElementById("txtbox2").value=document.getElementById("txtbox").value; //获取文本框1的值,并赋值给文本框2}</script> <table width="500" border="0"…

winform中文本框的一些案例

项目中经常看到在输入金额时,会加逗号,最近在复习正则表达式,就联系下,界面如下:…

Jquery文本框小例（必填框）