【表单的一些基本用法与技巧】教程文章相关的互联网学习教程文章

jqueryvalidation插件表单验证的一个例子_jquery【图】

messages_cn.js (不引用messages_cn.js是英文的提示,用了是中文) 代码如下: required: "This field is required.", remote: "Please fix this field.", email: "Please enter a valid email address.", url: "Please enter a valid URL.", date: "Please enter a valid date.", dateISO: "Please enter a valid date (ISO).", dateDE: "Bitte geben Sie ein gltiges Datum ein.", number: "Please enter a valid number.", nu...

28个JS验证函数收集_表单特效

JS验证函数的调用方法和注意: 1.给表单设置onsubmit="return test()",配合 进行提交. 2. //当鼠标按下直接调用函数验证 3. //传入自己的值进行验证,test(this)//传入对象本身进行验证 4. //单击Btn进行验证,如果通过则用document.forms[0].submit(); 进行表单提交 5.//使用submit进行提交验证,如果test中return false;则不提交返true提交. 6.....function test(){...return false;...}... 7.||与,&&或,!非 8.常用事件:onblur失去焦...

select下拉选择框美化实现代码(js+css+图片)_表单特效【图】

因为虽然实现起来麻烦点,如果用自带的Select,很简单的就完成了,但是本代码实际上是在向大家讲述一种Js在网页中的应用实战,多种元素之间的配合作用等。效果如下图: 下拉select选择框 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;} h1{font-size:12px;color:#444;} ul{margin:0;padding:0;list-style:none...

JqueryValidation插件防止重复提交表单的解决方法_jquery

由于在项目中应用了Jquery Validation表单验证插件,所以要实现在Validation验证完毕后,提交form,然后禁止按钮。CodeProject上有一个DisableBtnPostBack项目,但不无法和Jquery Validation结合,代码先贴出来,给大家提示下,碰到这种情况不要使用该代码。代码如下: js: 代码 代码如下: function disableBtn(btnID, newText) { Page_IsValid = null; if (typeof (Page_ClientValidate) == function) { Page_ClientValidate(); ...

javascriptselectoptions排序(保持option对象完整性)_表单特效

function addOption(object, object2) { each(object2, function(o, index) { object.options[index] = o; }) } function sortlist(sortName,isDesc) { var what = document.getElementById(sortName); this._options = map(what.options, function(o) { return o; }); this._options.sort( function(a, b) { if (a.text > b.text) { return isDesc == true ? 1 : -1; } else { return isDesc == true ? -1 : 1; } }); what.option...

javascript解决表单仍然提交即使监听处理函数返回false_javascript技巧【图】

代码如下: var code = function () { return false; }; var element = window.document.getElementById("form"); if (element.addEventListener) { element.addEventListener("submit", code, false); } 修改后的Code: 代码如下: var code = function (eventObject) { if (eventObject.preventDefault) { eventObject.preventDefault(); } else if (window.event) /* for ie */ { window.event.returnValue = false; } retu...

javascript操作select下拉列表框的一点小经验_表单特效

按照我一贯的web开发风格,所有不直接操作数据库的事件,都尽可能由javascript来实现,所以这个需求我打算使用js来完成。 首先来分析一下具体情况:这个页面是一个更新页面,品牌有品牌1和品牌2两个字段,品牌2可以为空,品牌1不能为空,所以品牌2的下拉列表框比品牌1多一项;如果选择了品牌的前8相中的任意一项,“活跃状态”要隐藏,否则“活跃状态”默认显示状态为“潜在”;当查询的结果品牌1和品牌2有任意一项在品牌的前8相中...

jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码_jquery【图】

代码如下: $(function(){ //输入框中文字颜色控制 $("input:not(:last)").css("color","#999"); }); //用户名框鼠标焦点移进,文字消失 $("input:first").click(function () { var check1 = $(this).val(); if (check1 == this.defaultValue) { $(this).val(""); } }); //用户名框鼠标焦点移出,文字显示 $("input:first").blur(function () { $(this).val(this.defaultValue); }); //密码框鼠标焦点移进,文字消失 $("input:eq...

js几个验证函数代码_表单特效【图】

代码如下: //检查是否非空 function notEmpty(obj, msg) { str = obj.value; str1 = ""; for (i = 0; i < str.length; i++) { if (str.charAt(i) != " ") { str1 = str.substr(i, str.length); break; } } if (str1 == "") { alert(msg); obj.value = ""; obj.focus(); return false; } else { return true; } } //检查是否为数字 function isNumber(obj, msg) { if(isNaN(obj.value)) { if (undefined == msg) { msg = "请输入数字...

捕获input文本框内容改变事件的js代码_表单特效

网上一位老兄采用如此方法: readonly :是文本框不可输入。 function dochg(){ document.getElementById("testId").value = "test" } setTimeout("dochg()",1000) function showValue(obj){ alert("changed value is " + obj); } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 可以采用onPropertyChange来捕获文本改变事件,试验成功!

FileUpload控件禁止手动输入或粘贴的实现代码_表单特效

html标签: 服务器控件: 用FileUpload经常要禁止手动输入:

javascript自动填写表单的实现方法_表单特效

本文没有什么技术上创新,只要会一点Javascript的技术就可以写了。 第一步: 在页面查看源代码,把Form中包含的需要填列的HTML控件找出来如: 第二步:编写代码 javascript:mainfrm.username.value="stangray";mainfrm.submit.focus(); 第三步: 打开浏览器的“收藏夹”,在“链接”分类中添加一个URL收藏。 在URL项中:加入上面编写的代码,也可以指定快捷键,在名称中填写“自动填表”(上面是在IE浏览中设置,不同的浏览器收藏夹...

js获取当前select元素值的代码_表单特效

1、如果 select 元素下的所有 option 元素均没有指定 selected 属性,会默认选中第一个。 2、可以通过 select.selectedIndex 获取到选中的 option 元素的索引。 3、可以通过 select.options[select.selectedIndex] 获取到选中的 option 元素。 4、option 元素 text3,可以通过 option.value 获得 option 元素的 value 属性值,即 value3;可以通过 option.text 获得 option 元素内的文本,即 text3。 5、如果 option 元素没有定义 ...

关于文本框的一些限制控制总结~~_表单特效

1.限制文本框不能输入中文: 以前很多时候会去使用判断去写,比如: 代码如下: function nocn(obj) { for(i=0;i<document.getElementsByName("Text1")[0].value.length;i++) { var c = document.getElementsByName("Text1")[0].value.substr(i,1); var ts = escape(c); if(ts.substring(0,2) == "%u") { document.getElementsByName("Text1")[0].value = ""; alert("这里不能输入中文/全角字符"); } } } 但是很少会有人用ime-mod...

js获取子节点函数(兼容FF与IE)_表单特效

代码如下:function getFirstChild(obj) { var result = obj.firstChild; while (!result.tagName) { result = result.nextSibling; } return result; } function getNextChild(obj) { var result = obj.nextSibling; while (!result.tagName) { result = result.nextSibling; } return result; }

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 全部