js清空form表单中的内容示例

代码如下:

//清空form选择
function clearForm(id){
var formObj = document.getElementById(id);
if(formObj == undefined){
return;
}
for(var i=0; i<formObj.elements.length; i++){
if(formObj.elements[i].type == "text"){
formObj.elements[i].value = "";
}
else if(formObj.elements[i].type == "password"){
formObj.elements[i].value = "";
}
else if(formObj.elements[i].type == "radio"){
formObj.elements[i].checked = false;
}
else if(formObj.elements[i].type == "checkbox"){
formObj.elements[i].checked = false;
}
else if(formObj.elements[i].type == "select-one"){
formObj.elements[i].options[0].selected = true;
}
else if(formObj.elements[i].type == "select-multiple"){
for(var j = 0; j < formObj.elements[i].options.length; j++){
formObj.elements[i].options[j].selected = false;
}
}
else if(formObj.elements[i].type == "file"){
//formObj.elements[i].select();
//document.selection.clear();
// for IE, Opera, Safari, Chrome
var file = formObj.elements[i];
if(file.outerHTML){
file.outerHTML = file.outerHTML;
}else{
file.value = ""; // FF(包括3.5)
}
}
else if(formObj.elements[i].type == "textarea"){
formObj.elements[i].value = "";
}
}
}

赞 (0)

相关推荐

  • js校验表单后提交表单的三种方法总结

    第一种: 复制代码 代码如下: <script type="text/javascript">         function check(form) { if(form.userId.value=='') {                alert("请输入用户帐号!");                form.userId.focus();                return false;           }       if(fo

  • JavaScript获取表单内所有元素值的方法

    本文实例讲述了JavaScript获取表单内所有元素值的方法.分享给大家供大家参考.具体如下: 下面的JS代码可以遍历指定表单中的所有元素,并输出元素的值 <!DOCTYPE html> <html> <body> <form id="frm1" action="form_action.aspx"> First name: <input type="text" name="fname

  • JavaScript判断表单提交时哪个radio按钮被选中的方法

    本文实例讲述了JavaScript判断表单提交时哪个radio按钮被选中的方法.分享给大家供大家参考.具体分析如下: 这里的表单提交时通过JavaScript判断哪个radio按钮被选中了 <script type="text/javascript"> function findButton() { var myForm = document.forms.animalForm; var i; for(i=0;i<myForm.marsupial.length; i++

  • 理解JavaScript表单的基础知识

    HTMLFormElement继承了HTMLElement,它自己独有的属性和方法有: acceptCharset:服务器能够处理的字符集,等价于HTML的accept-charset特性 action:接收请求的URL,等价于HTML中的action特性. elements:表单中所有控件的集合(HTMLCollection) enctype:请求的编码类型 length:表单中控件的数量 method:要发送的HTTP请求类型,通常是get或post name:表单的名称 reset():将

  • jquery序列化form表单使用ajax提交后处理返回的json数据

    1.返回json字符串: 复制代码 代码如下: /** 将一个字符串输出到浏览器 */     protected void writeJson(String json) {         PrintWriter pw = null;         try {             servletResponse.setContentType("text/plain;charset=UTF-8");             pw = servletResponse.getWrit

  • JS中表单的使用小结

    1.javascript刷新页面的方法       window.location.reload(); 使用window.open()弹出的弹出窗口,刷新父窗口    window.opener.location.reload() 使用window.showDialog弹出的模式窗口    window.dialogArguments.location.reload(); 2.javascript弹出窗口的两种实现方式 ---下面给两个弹出屏幕居中窗口的例子 window.open()方式 复制

  • AngularJS实现表单验证

    虽然我不是前端程序员,但明白前端做好验证是多么重要. 因为这样后端就可以多喘口气了,而且相比后端什么的果然还是前端可以提高用户的幸福感. AngularJS提供了很方便的表单验证功能,在此记录一番. 首先从下面这段代码开始 复制代码 代码如下: <form ng-app="myApp" ng-controller="validationController" name="mainForm" novalidate>     <p&

  • Javascript和Java获取各种form表单信息的简单实例

    大家都知道我们在提交form的时候用了多种input表单.可是不是每一种input表单都是很简单的用Document.getElementById的方式就可以获取到的.有一些组合的form类似于checkbox或者radio或者select我们如何用javascript获取和在服务器中获取提交过来的参数呢?多说无用.上代码: Jsp-html代码: 复制代码 代码如下: <form action="input.do" name="formkk">   &

  • jquery自动将form表单封装成json的具体实现

    前端页面: 复制代码 代码如下: <span style="font-size:14px;"> <form action="" method="post" id="tf"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr

  • js清空form表单中的内容示例

    复制代码 代码如下: //清空form选择 function clearForm(id){ var formObj = document.getElementById(id); if(formObj == undefined){ return; } for(var i=0; i<formObj.elements.length; i++){ if(formObj.elements[i].type == "text"){ formObj.elements[i].value = &qu

  • 匹配form表单中所有内容的正则表达式

    需求是这样子的: 现在有一个表单 复制代码 代码如下: <form action='mk.php'>.......</form> 表单里面的省略号代表里面的内容,里面有各式各样的标签<>. 想写一个正则表达式匹配整个form表单,包括form标签,是html文件里面的内容. 首先想到的是: 复制代码 代码如下: <form .*</form> 这样子: 复制代码 代码如下: <form [^>]*/form> 还有这样子: 复制代码

  • js获取form表单中name属性的值

    在项目中因为动态表单无法确定标签name属性的值,因此需要即时获取以便进行存储.前端代码如下: <div class="control-group"> <label class="control-label">土拨鼠常挖坑</label> <form:input path="formAttribute1" class="input-xlarge" value=""

  • javascript 清空form表单中某种元素的值

    下面就以情况type="text"为例: 复制代码 代码如下: <form id="form1" method="post"> <input type="text" /> <input type="text" /> <input type="button" value="clear" onclick="Refresh

  • JS document form表单元素操作完整示例

    JS document form表单元素操作完整示例

    本文实例讲述了JS document form表单元素操作.分享给大家供大家参考,具体如下: <html> <head> <title>form表单操作</title> <meta charset="UTF-8"/> <script type="text/javascript"> function testForm(){ // 获取form对象 方法一,通过id,比较普遍的方法 var fm=d

  • PHP用正则匹配form表单中所有元素的类型和属性值实例代码

    PHP用正则匹配form表单中所有元素的类型和属性值实例代码

    前言 最近工作中遇到一个需求,需要在正则匹配页面中,所有可能存在的 form 表单的元素,可能有 input,action,select,textarea等等所有可能的元素,本文给出一个代码示例.感兴趣的朋友们可以参考学习. 实例代码如下 假设页面 1.html 的网页源代码是: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>一个含有 form 表单

  • js简单获取表单中单选按钮值的方法

    本文实例讲述了js简单获取表单中单选按钮值的方法.分享给大家供大家参考,具体如下: HTML部分如下: <form> <tr bgcolor="#FFFFFF"> <td width="84" height="23" rowspan="3" align="center" valign="middle" bordercolor="#999999&qu

  • jQuery中设置form表单中action值的实现方法

    html代码: <form id="myFormId" name="myForm" action="" method="post"> <input type="hidden" id="inParam" name="inParam" /> <input type="hidden" id="tstype"

  • vue获取form表单的值示例

    这里使用的是Element-ui组件 html: <el-input placeholder="请输入手机号" id="phone" prop="phone" v-model="phone" clearable></el-input> JS: var phone = this.phone; var password = this.password; var that = this; var phone

  • JS组件Form表单验证神器BootstrapValidator

    JS组件Form表单验证神器BootstrapValidator

    本文为大家分享了JS组件Form表单验证神器BootstrapValidator,供大家参考,具体内容如下 1.初级用法 来看bootstrapvalidator的描述:A jQuery form validator for Bootstrap 3.从描述中我们就可以知道它至少需要jQuery.bootstrap的支持.我们首先引入需要的js组件: <script src="~/Scripts/jquery-1.10.2.js"></script> <sc

随机推荐