`
andrew.yulong
  • 浏览: 171685 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

js技巧之清除表单所有内容

    博客分类:
  • js
 
阅读更多
/*清空使区域中的表单*/
    
//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==nullreturn;
        
        
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就显得尤为关键。本篇将深入探讨如何利用JavaScript完成表单的自动计算,以提高用户体验并简化前端逻辑。 一、基本概念 1. JavaScript:JavaScript是一种解释...

    form表单验证技巧

    ### Form表单验证技巧 #### 一、背景介绍 在Web开发中,表单验证是一项非常重要的任务。它能够确保用户提交的数据符合预期格式,从而提高数据处理的准确性和安全性。其中,对于数字和字母的验证尤其常见。本文将...

    javaScript表单验证大全

    4. `resetForm()`: 清除所有验证状态和错误消息,恢复表单初始状态。 四、高级技巧 1. 阻止默认行为:在提交事件中使用`event.preventDefault()`阻止默认的表单提交行为,以便进行前端验证。 2. 异步验证:使用AJAX...

    JavaScript表单验证控制代码大全

    在"js表单验证控制代码大全1.txt"、"js表单验证控制代码大全3.txt"、"js表单验证控制代码大全2.txt"这三份文档中,很可能会包含上述各种验证方法的具体实现,包括示例代码和实用技巧,供开发者参考和学习。...

    常用的Javascript技巧大集合

    根据给定的信息,我们可以整理出一系列与JavaScript相关的实用技巧及示例代码,这些技巧涵盖了事件处理、表单...以上整理的知识点涵盖了常见的JavaScript技巧,可以帮助开发者更好地理解和应用这些技术于实际项目中。

    JS+CSS实现的一种符合用户体验的网页表单特效

    本文将详细介绍如何通过结合JavaScript(JS)和层叠样式表(CSS)来创建一种能够提升用户体验的网页表单特效。此方法适用于前端开发人员进行深入研究,旨在通过优化用户交互体验来提高表单填写效率和准确性。 #### ...

    Vue 一键清空表单的实现方法

    在前端框架Vue.js中,处理表单数据并实现一键清空功能是常见的需求。本文将详细介绍Vue中实现一键清空表单数据的方法,并通过示例代码阐述具体的实现细节。 首先,了解什么是表单清空。表单清空指的是将表单中所有...

    JavaScript一些技巧(转载)

    根据给定的文件信息,以下是对“JavaScript一些技巧”中涉及的关键知识点的详细解析: ### 1. 事件处理:`onBlur`, `onFocus`, `onChange`, `onSelect` 在网页开发中,事件处理是与用户交互的核心部分。`onBlur`...

    js表单验证小项目注释版.rar

    这个“js表单验证小项目注释版”是一个实用的学习资源,它展示了如何使用 JavaScript 对网页表单进行有效的验证,通过注释可以理解每一步操作,对于初学者来说,这是一个很好的实践案例。通过深入学习和实践这个项目...

    jquery动态表单

    在实际项目中,结合使用上述技巧,可以实现各种复杂的动态表单功能。而"动态添加input"这个文件名,可能是一个示例代码或教程,用于演示如何利用jQuery动态添加输入框到表单中。通过学习和实践这样的示例,开发者...

    常用javascript小技巧

    ### 常用JavaScript小技巧详解 在前端开发领域,JavaScript是不可或缺的编程语言,它提供了丰富的功能和灵活的语法,让开发者能够构建交互式的网页应用。以下是对给定文件中提到的一些常用JavaScript小技巧的深入...

    javascript小技巧,含有多种特效,实用功能

    以上就是根据提供的文件内容整理的一些JavaScript小技巧,这些技巧覆盖了事件处理、DOM操作、表单与链接操作、特殊字符处理等多个方面,希望对大家有所帮助。在实际开发中,灵活运用这些技巧可以极大地提高工作效率...

    Javascript技巧很全.doc

    以下是一些关键的JavaScript技巧和知识点: 1. **事件处理**:JavaScript通过事件监听来响应用户的操作。`event.srcElement`指的是触发事件的元素,可以获取其`tagName`和`type`属性。事件处理可以捕获和释放,如`...

    Javascript的使用技巧大全 .doc

    以上内容总结了JavaScript中常用的一些技巧和知识点,包括基本的DOM操作、数据处理、表单交互等。熟练掌握这些技巧能够帮助开发者更高效地编写JavaScript代码,并解决实际开发中的常见问题。同时,了解各种内置函数...

    JavaScript中一些常用的小技巧

    在JavaScript编程中,掌握一些常用的小技巧可以极大地提高开发效率和代码质量。以下是一些从网络上整合的实用技巧,特别适合初学者学习。 1. 事件源对象:`event.srcElement` 可以获取触发事件的元素,而 `event....

    20.4 HTML 表单1

    清除表单内所有输入。 三、表单属性与控件交互 1. `name`属性:为每个表单元素赋予唯一标识,用于服务器端处理数据。 2. `value`属性:为输入框提供默认值,或用于定义按钮的文字。 3. `placeholder`属性:为...

    原生JS实现表单验证带提示留言功能特效源码.zip

    本资源"原生JS实现表单验证带提示留言功能特效源码.zip"提供了一种纯JavaScript实现的解决方案,无需依赖任何外部库如jQuery或AngularJS。这种原生实现方式使得代码更轻量级,同时也锻炼了开发者对JavaScript核心...

Global site tag (gtag.js) - Google Analytics