`
yulon
  • 浏览: 117781 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

多域输入页面js验证技巧

 
阅读更多
function Formfield(id, label){
	this.id=id;
	this.fieldName=label;
}
function verifyForm(objForm){
	var list  = new Array(new Formfield("fieldid1", "field1名称"),new Formfield("fieldid2", "field2名称"),
	new Formfield("fieldid3", "field3名称"),new Formfield("fieldid4", "field4名称")
	,new Formfield("fieldid5", "field5名称"),new Formfield("fieldid6", "field6名称"),
	new Formfield("fieldid7", "field7名称"),new Formfield("fieldid8", "field8名称"));
	for(var i=0;i<list.length;i++){
		var objfield = document.getElementById(list[i].id);//eval("objForm."+ list[i].name);
		if(trim(objfield.value)==""){
			alert(list[i].fieldName+ "不能为空");
			if(objfield.type!="hidden" && objfield.focus()) objfield.focus();
			return false;
		}
	}
    return true;
}
function sureSubmit(objForm){
	if (verifyForm(objForm)) objForm.submit();
}

 说明:1. trim方法是自己另外实现的,js本身没有提供这个方法。2. 如果通过表单名字来获取域的对象则使用

eval("objForm."+ list[i].name),将Formfield的id属性改成name。但建议使用id。3.对应隐藏字段不作判断。

1
0
分享到:
评论

相关推荐

    200多个js技巧代码

    这个压缩包"200多个js技巧代码"显然是一份宝贵的资源,包含了各种实用的JavaScript代码片段,对于学习和提升JavaScript编程技能大有裨益。 1. **基础语法技巧**:JavaScript的基础包括变量声明(var、let、const)...

    javascript精彩技巧集300例下载

    7. **正则表达式**:JavaScript的正则表达式用于模式匹配和字符串操作,如查找、替换和验证输入。 8. **模板字符串**:现代JavaScript引入了模板字符串,用反引号(``)包围,内含`${expression}`,方便插入变量和...

    JS脚本技巧231例

    JavaScript,简称JS,是Web...以上技巧展示了JavaScript在处理用户交互、样式控制、页面动态更新等方面的能力,是网页开发中常用且实用的技巧。熟练掌握这些技巧可以帮助开发者创建更加丰富、互动性强的Web应用程序。

    javascript常用技巧

    以下是一些关于JavaScript的常用技巧和知识点,这些内容涵盖了JS表单验证、小技巧以及可能在DooIT博客园中讨论的主题。 1. **变量与数据类型**:JavaScript是动态类型语言,变量在声明时无需指定类型,可以随时更改...

    js页面学习资料ppt_js_源码.zip

    这份名为"js页面学习资料ppt_js_源码.zip"的压缩包文件,显然是为那些希望深入理解JavaScript和网页开发的初学者或进阶者准备的资源集合。 在JavaScript的学习中,首先你需要掌握其基础语法,包括变量、数据类型...

    使用JavaScript 完成表单的自动计算

    2. 限制输入:使用`pattern`属性或JavaScript验证输入格式,例如限制只能输入数字或特定范围的数值。 3. 提供清除功能:添加一个清除按钮,清空输入和计算结果。 4. 异步请求:当计算结果需要依赖服务器数据时,...

    ajax局部刷新验证重名

    在网页开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛用于实现页面的局部刷新,以提高用户体验。Ajax的核心特点是异步通信,它允许后台与服务器进行数据交换,而无需刷新整个页面。"Ajax局部刷新验证...

    JavaScript技巧收集

    JavaScript是一种广泛应用于网页和网络...以上知识点只是“JavaScript技巧收集”的一部分,实际内容可能还包括更多的实战技巧、最佳实践和问题解决方案。通过深入学习和实践,开发者可以不断提升JavaScript的运用水平。

    JavaScript特效页面实现例子

    10. **表单验证**:JavaScript可以对用户输入的数据进行实时验证,比如检查邮箱格式、手机号码合法性等,防止无效数据提交。 以上就是JavaScript实现页面特效的一些基础知识和常见应用场景。学习并熟练掌握这些技巧...

    javaScript经典实例

    4. **表单验证**:JavaScript可以实时验证用户输入,确保数据格式正确,避免提交无效信息。例如,使用正则表达式进行邮箱、电话号码等格式校验。 5. **AJAX请求**:利用XMLHttpRequest或更现代的fetch API,...

    js学习资料大全

    最后,学习JavaScript不应忽视错误处理和调试技巧。通过使用try...catch语句捕获和处理错误,以及利用浏览器的开发者工具进行调试,能帮助我们快速定位并修复问题。 综上所述,这份"js学习资料大全"将引导你深入...

    常用 js 技巧大全

    以上这些技巧只是JavaScript能力的冰山一角,实际上JavaScript可以实现更复杂的交互和功能,如表单验证、动画效果、AJAX异步通信等。掌握好JavaScript,能极大地提升网页的用户体验和功能丰富性。

    javascript 实用资料整理

    7. **页面刷新**:`Javascript刷新页面的几种方法.txt`中可能列出了不同的刷新页面的技巧,如`location.reload()`方法或使用`window.location`对象。 8. **弹出对话框**:`js操作showModalDialog.txt`可能介绍了`...

    JavaScript技巧

    `onChange`在输入内容改变时触发,常用于实时验证或更新;`onSelect`则在文字被选中时执行。 2. **自定义样式**:可以使用内联样式或CSS类来改变按钮的外观,例如设置按钮的背景颜色、边框样式等。 3. **鼠标事件*...

    Javascript 用到的技术收集 (不断更新)

    从提供的信息来看,至少有一个具体的示例文件“日期验证.js”,这可能是一个用于验证用户输入日期的有效性的脚本。 JavaScript的核心知识点包括但不限于以下几点: 1. **变量和数据类型**:JavaScript支持动态类型...

    Javascript完全自学宝典

    6. **常用的JavaScript验证正则表达式** - **核心知识点**: - 输入验证的基本原理。 - 常见输入格式的正则表达式示例(如邮箱、电话号码等)。 - 如何使用正则表达式进行模式匹配和替换。 7. **JavaScript刷新...

    javascript源代码_经典实例100.rar

    9. **正则表达式**:用于文本匹配和操作的强大工具,在JavaScript中广泛用于验证表单输入、提取信息等场景。 10. **动画与定时器**:通过setTimeout和setInterval可以实现定时任务,结合CSS3或JavaScript自身实现...

    javascript加强

    在了解了JavaScript的基本语法和特点之后,加强JavaScript的学习意味着深入理解和掌握更高级的概念和技巧。 首先,我们来看看JavaScript中的浏览器对象模型(BOM)。BOM允许JavaScript与浏览器进行交互,比如操作...

Global site tag (gtag.js) - Google Analytics