【javascript焦点的两个问题_表单特效】教程文章相关的互联网学习教程文章

jstextarea自动下拉(带计数)图_表单特效【图】

document.onkeydown=function() { str=a.value.replace(/[^x00-xff]/g,"aa") b.innerHTML=str.length+1 if(str.length+1>150) { a.style.overflow="visible" } } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

输入文字自动变化宽度的INPUT,带计数(图)_表单特效【图】

随着输入文字的多少自动变化宽度的INPUT,带计数 function checkLength(which) { var maxchar=20; var oTextCount = document.getElementById("char"); iCount = which.value.replace(/[^\u0000-\u00ff]/g,"aa").length; if(iCount"+ iCount+""; which.style.border = '1px dotted #FF0000'; which.size=iCount+2; } else alert("请不要超过"+maxchar); } 0个字符 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

JavaScript模拟下拉菜单代码_表单特效

优点:点击body区域同样可以隐藏下拉菜单,且不会和body已有的onclick事件冲突。 缺点:请大家指出,虚心接受!运行框代码看似繁多,实属无奈,请下载附件,以便更好观察或修改~! 下拉菜单 body{margin:20px auto;font-family:Arial, Helvetica, sans-serif;font-size:12px;width:950px;height:400px;border:solid 1px #aaa; position:relative;padding:10px;} ul{margin:0;padding:0;list-style:none;} .dropDownList{position...

Javascript表单之间的数据传递代码_表单特效【图】

一,最简单的就是同一个网页里的表单的数据传递。 举个实例,一个网页上有两个表单,每个表单里一个文本框,一个按钮。点按钮互相对操作对方的文本框的值。我们举的例子是把一个文本框付给另一个文本框。具体的HTML代码如下: 代码如下: Untitled Document 以上为HTMl的代码,大家可能注意到了onclik的代码了,有两个函数,接下来就是JAVASCRIPT的代码了: 代码如下: function ok() { document.form2.textfield2.value=d...

IE在DOM操作有表单控件时的bug_表单特效

bug描述 当象下例中那样操作了表单radio/checkbox的DOM结构时(或者直接影响了他们的结构时)选中的checkbox/radio将会自动恢复到默认状态,有如点了reset按钮一样。 Rank's HTML document/**/IE form control bug from: never-online weblog1. Select radio to checked 2. Click button to change dom structure test//[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]解决方法 可以在操作DOM之前,用defaultChecked来设置checke...

js一组验证函数_表单特效

代码如下://字符处理; //去左右空格; function trim(s){ return rtrim(ltrim(s)); } //去左空格; function ltrim(s){ return s.replace( /^\s*/, ""); } //去右空格; function rtrim(s){ return s.replace( /\s*$/, ""); } //验证信息; //空字符值; function isEmpty(s){ s = trim(s); return s.length == 0; } //Email; function isEmail(s){ s = trim(s); var p = /^[_\.0-9a-z-]+@([0-9a-z][0-9a-z-]+\.){1,4}[a-z]{2,3}$/i; re...

js提交和设置表单的值_表单特效

" value=". . ." class="btnLook" style="" onClick="openLookupGen(arrSetAWeight, arrGetAWeight ,'?udfIndex=7&codeLabel='+encodeURIComponent(getUdfStr('7')), '', 640, 480, 'yes')"> var arrSetAWeight = new Array(); var arrGetAWeight = new Array(); var arrAWeightParam = new Array(); arrSetAWeight[0] = "document.ImpDeclForm.udfValue7"; arrGetAWeight[0] = "document.BuCodeSearch.codeField"; function openL...

javascriptradiolist的实现细节(多浏览器兼容)_表单特效

可支持方向键 当radio最后一个选中时,按小键盘后会自动跳回第一个 checked可自动触发onclick 支持各种浏览器,cross-browser Rank's HTML document /**/ radio list的妙用 可支持方向键 当radio最后一个选中时,按小键盘后会自动跳回第一个 checked可自动触发onclick 支持各种浏览器,cross-browser demo // [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

Javascriptselect控件操作大全(新增、修改、删除、选中、清空、判断存在等)_表单特效

1判断select选项中 是否存在Value="paraValue"的Item 2向select选项中 加入一个Item 3从select选项中 删除一个Item 4删除select中选中的项 5修改select选项中 value="paraValue"的text为"paraText" 6设置select中text="paraText"的第一个Item为选中 7设置select中value="paraValue"的Item为选中 8得到select的当前选中项的value 9得到select的当前选中项的text 10得到select的当前选中项的Index 11清空select的项 js 代码 // 1.判断...

JScheckbox控制操作代码_表单特效

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 例二: 要实现的功能如图所示: 全选的checkbox的js代码如下: var status=true; function allselect(){ var tags=document.getElementsByTagName("input"); for (i = 0; i { if (tags[i].type == "checkbox") { tags[i].checked=status; } } status=!status; } 当点击显示职位,申请选中职位,放入收藏夹时的js代码如下: function panduan(){ var gou=0; var tags=document.getEl...

JSoptionlocation页面跳转实现代码_表单特效【图】

跳转菜单 function jump() { location.href=document.myform.menu1.value; } JavaScript教程/参考手册 JavaScript热搜 vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.js路由后失效的问题微信小程序实现换肤功能JS中touchstart事件与click事件冲突的解决方法完美解决axios在ie下的兼容性问题在vue项目中引入highcharts图表的方法(详解)Vue的轮播图组件实现方法a...

JavaScriptSelect和Option列表元素上下左右移动_表单特效【图】

作者 马嘉楠New Document var currentSel = null; function move(){ if(arguments.length==1){ moveUp(arguments[0]); }else if(arguments.length==2){ moveRight(arguments[0],arguments[1]); } } function moveUp(direction){ if(currentSel == null) return; var index = currentSel.selectedIndex; if(direction){//up if(index==0) return; var value = currentSel.options[index-1].value; var text = current...

javascript双击文本框编辑功能代码_表单特效

javascript 双击文本框编辑功能代码 input.t {border:1px solid #fff;background:#fff;} input.s {border:1px solid #369;background:#fff;} var test = document.getElementById("test"); var mysubmit = document.getElementById("submit"); test.ondblclick = function() { this.readOnly = false; this.className = "s"; //脚本之家说明 主要是通过控制样式来实现文本的样式和文本框样式的切换 mysubmit.style.display...

用于判断用户注册时,密码强度的JS代码_表单特效【图】

//CharMode函数 //测试某个字符是属于哪一类. function CharMode(iN){ if (iN>=48 && iN return 1; if (iN>=65 && iN return 2; if (iN>=97 && iN return 4; else return 8; //特殊字符 } //bitTotal函数 //计算出当前密码当中一共有多少种模式 function bitTotal(num){ modes=0; for (i=0;iif (num & 1) modes++; num>>>=1; } return modes; } //checkStrong函数 //返回密码的强度级别 function checkStrong(sPW){ if (sPW.length...

通用JS事件写法实现代码_表单特效【图】

test window.onload = function() { var oImg = document.getElementById("myImg"); oImg.onclick = handle; oImg.onmouseover = handle; } function handle(oEvent) { var oDiv = document.getElementById("display"); //处理浏览器兼容性,获得事件对象 if(window.event) //判断是否为IE浏览器 { oEvent = window.event; } if(oEvent.type == "click") { oDiv.innerHTML += "点击"; } if(oEvent.type == "mouseover") { oDiv.in...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部