使用原生javascript创建通用表单验证 —— 更锋利的使用dom对象
2011-09-12 17:45
429 查看
首先看下效果,没什么特别,呵呵!
View Code
仅供交流,欢迎大家提出指点,渴望宝贵的意见。个人觉得,即使是写简单的脚本验证程序,也应该尽量遵循面向对象的思想,并且在可扩展与效率上追寻一个协调的点,既不影响效率,同时让我们写的任何程序具有更高的可扩展性,这点思路其实不难,但是经常被很多初级程序员忽略。
View Code
//创建展示提示信息的dom function createShowElement(currentId, elementId, style, showMsg, tagName) { if (!tagName) tagName ='label'; var currentDom = document.getElementById(currentId); var showMsgDom = document.createElement(tagName); //showMsgDom.setAttribute("style", "color:" + textColor + ";"); if (style) showMsgDom.setAttribute("style", style); showMsgDom.setAttribute("id", elementId); showMsgDom.innerHTML = showMsg; currentDom.parentNode.insertBefore(showMsgDom, currentDom.nextSibling); }
仅供交流,欢迎大家提出指点,渴望宝贵的意见。个人觉得,即使是写简单的脚本验证程序,也应该尽量遵循面向对象的思想,并且在可扩展与效率上追寻一个协调的点,既不影响效率,同时让我们写的任何程序具有更高的可扩展性,这点思路其实不难,但是经常被很多初级程序员忽略。
相关文章推荐
- 使用原生javascript创建通用表单验证——更锋利的使用dom对象
- 使用原生javascript创建通用表单验证——更锋利的使用dom对象
- 用户体验超棒并且功能强大使用简单的javascript表单验证 - Parsley.js
- JavaScript通用表单验证函数
- JS通用表单验证函数,基于javascript正则表达式
- 用户体验超棒并且功能强大使用简单的javascript表单验证 - Parsley.js
- 用户体验超棒并且功能强大使用简单的javascript表单验证 - Parsley.js
- javascript表单验证 - Parsley.js使用和配置
- Javascript - 验证表单输入:几种表单输入项对象的使用方法
- javascript实现通用表单验证函数
- 用户体验超棒并且功能强大使用简单的javascript表单验证 - Parsley.js
- JS通用表单验证函数,基于javascript正则表达式(IE下)
- Javascript 通用表单验证
- JavaScript使用技巧——表单提交验证类
- javascript表单验证使用示例(javascript验证邮箱)
- JavaScript 使用正则表达式进行表单验证的示例代码
- Javascript通用表单的验证函数
- javascript:使用ice.validate验证表单
- 使用JavaScript实现动态创建含合并单元格(行)的表单