/*清空使区域中的表单*/
//isHid 1清除hidden 0不清除hidden
function cinput(areaqy,isHid){
if(isHid == null){
isHid = 1;
}
try{
var table
if(areaqy==undefined||areaqy==""||areaqy==null){
table=event.srcElement;
while(table!=null&&table.tagName.toLowerCase()!="table"){
table=table.parentElement;
}
}else{
table=$(areaqy);
}
if(table==undefined||table==""||table==null) return;
var inputs=table.getElementsByTagName("input");
for(var i=0;inputs!=null&&i<inputs.length;i++){
if(inputs[i].type.toLowerCase()=="text"){
inputs[i].value="";
}
if(isHid == 1){
if(inputs[i].type.toLowerCase()=="hidden"){
inputs[i].value="";
}
}
if(inputs[i].type.toLowerCase()=="radio"||inputs[i].type.toLowerCase()=="checkbox"){
inputs[i].checked=false;
}
}
var selects=table.getElementsByTagName("select");
for(var i=0;selects!=null&&i<selects.length;i++){
selects[i].selectedIndex=0;
}
var textareas=table.getElementsByTagName("textarea");
for(var i=0;textareas!=null&&i<textareas.length;i++){
textareas[i].value="";
}
}catch(ex){}
}
分享到:
相关推荐
当我们需要在表单中实现数据的实时计算时,JavaScript就显得尤为关键。本篇将深入探讨如何利用JavaScript完成表单的自动计算,以提高用户体验并简化前端逻辑。 一、基本概念 1. JavaScript:JavaScript是一种解释...
### Form表单验证技巧 #### 一、背景介绍 在Web开发中,表单验证是一项非常重要的任务。它能够确保用户提交的数据符合预期格式,从而提高数据处理的准确性和安全性。其中,对于数字和字母的验证尤其常见。本文将...
4. `resetForm()`: 清除所有验证状态和错误消息,恢复表单初始状态。 四、高级技巧 1. 阻止默认行为:在提交事件中使用`event.preventDefault()`阻止默认的表单提交行为,以便进行前端验证。 2. 异步验证:使用AJAX...
在"js表单验证控制代码大全1.txt"、"js表单验证控制代码大全3.txt"、"js表单验证控制代码大全2.txt"这三份文档中,很可能会包含上述各种验证方法的具体实现,包括示例代码和实用技巧,供开发者参考和学习。...
根据给定的信息,我们可以整理出一系列与JavaScript相关的实用技巧及示例代码,这些技巧涵盖了事件处理、表单...以上整理的知识点涵盖了常见的JavaScript技巧,可以帮助开发者更好地理解和应用这些技术于实际项目中。
本文将详细介绍如何通过结合JavaScript(JS)和层叠样式表(CSS)来创建一种能够提升用户体验的网页表单特效。此方法适用于前端开发人员进行深入研究,旨在通过优化用户交互体验来提高表单填写效率和准确性。 #### ...
在前端框架Vue.js中,处理表单数据并实现一键清空功能是常见的需求。本文将详细介绍Vue中实现一键清空表单数据的方法,并通过示例代码阐述具体的实现细节。 首先,了解什么是表单清空。表单清空指的是将表单中所有...
根据给定的文件信息,以下是对“JavaScript一些技巧”中涉及的关键知识点的详细解析: ### 1. 事件处理:`onBlur`, `onFocus`, `onChange`, `onSelect` 在网页开发中,事件处理是与用户交互的核心部分。`onBlur`...
这个“js表单验证小项目注释版”是一个实用的学习资源,它展示了如何使用 JavaScript 对网页表单进行有效的验证,通过注释可以理解每一步操作,对于初学者来说,这是一个很好的实践案例。通过深入学习和实践这个项目...
在实际项目中,结合使用上述技巧,可以实现各种复杂的动态表单功能。而"动态添加input"这个文件名,可能是一个示例代码或教程,用于演示如何利用jQuery动态添加输入框到表单中。通过学习和实践这样的示例,开发者...
### 常用JavaScript小技巧详解 在前端开发领域,JavaScript是不可或缺的编程语言,它提供了丰富的功能和灵活的语法,让开发者能够构建交互式的网页应用。以下是对给定文件中提到的一些常用JavaScript小技巧的深入...
以上就是根据提供的文件内容整理的一些JavaScript小技巧,这些技巧覆盖了事件处理、DOM操作、表单与链接操作、特殊字符处理等多个方面,希望对大家有所帮助。在实际开发中,灵活运用这些技巧可以极大地提高工作效率...
以下是一些关键的JavaScript技巧和知识点: 1. **事件处理**:JavaScript通过事件监听来响应用户的操作。`event.srcElement`指的是触发事件的元素,可以获取其`tagName`和`type`属性。事件处理可以捕获和释放,如`...
以上内容总结了JavaScript中常用的一些技巧和知识点,包括基本的DOM操作、数据处理、表单交互等。熟练掌握这些技巧能够帮助开发者更高效地编写JavaScript代码,并解决实际开发中的常见问题。同时,了解各种内置函数...
在JavaScript编程中,掌握一些常用的小技巧可以极大地提高开发效率和代码质量。以下是一些从网络上整合的实用技巧,特别适合初学者学习。 1. 事件源对象:`event.srcElement` 可以获取触发事件的元素,而 `event....
清除表单内所有输入。 三、表单属性与控件交互 1. `name`属性:为每个表单元素赋予唯一标识,用于服务器端处理数据。 2. `value`属性:为输入框提供默认值,或用于定义按钮的文字。 3. `placeholder`属性:为...
本资源"原生JS实现表单验证带提示留言功能特效源码.zip"提供了一种纯JavaScript实现的解决方案,无需依赖任何外部库如jQuery或AngularJS。这种原生实现方式使得代码更轻量级,同时也锻炼了开发者对JavaScript核心...