js 文本框内容清空并获得焦点_百度知道
js 文本框内容清空并获得焦点
用js代码编写html，设置一个文本框和两个按钮，“提交”和“取消”。取消按钮的作用是清空文本框里的内容，然后使文本框获得焦点，可以继续输入文本。当然提交之后也使文本框获得焦点，并可以继续输入文本。
请教各位大虾，如何编写代码，最好是js和html部分的都有。谢谢！！
提问者采纳
&!DOCTYPE HTML PUBLIC &-//W3C//DTD HTML 4.0 Transitional//EN&&&HTML& &HEAD&
&TITLE& New Document &/TITLE&
&META NAME=&Generator& CONTENT=&EditPlus&&
&META NAME=&Author& CONTENT=&&&
&META NAME=&Keywords& CONTENT=&&&
&META NAME=&Description& CONTENT=&&&&SCRIPT LANGUAGE=&JavaScript&&&!-- function dothings(){
var txt1=document.getElementById(&txt1&);
txt1.value=&&;
txt1.focus(); }//--&&/SCRIPT& &/HEAD& &BODY&
&FORM METHOD=POST ACTION=&&& &INPUT TYPE=&text& id=&txt1&& &INPUT TYPE=&button& VALUE=&清空并聚焦& id=&btn1& ONCLICK=&dothings();&&
&/FORM& &/BODY&&/HTML&
提问者评价
谢谢，真是太感谢了，我是初学者，还不太懂，感谢帮助！二楼的答案也很好，不过只能评一次，不好意思了。
其他类似问题
按默认排序
其他1条回答
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &&&&html xmlns=&&&&head&&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&&title&无标题文档&/title&&script language=&javascript&&&!-- function clearsetfocus(){
var content=document.getElementById(&content&);
content.value=&&;
content.focus(); }&/script&&/head&&body&&form name=&myform& method=&post& action=&&& &input type=&text& id=&content&& &input type=&button& value=&取消& onclick=&clearsetfocus();&&&/form&&/body&&/html&
文本框的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁清空文本框
[问题点数：20分，结帖人jacky125]
清空文本框
[问题点数：20分，结帖人jacky125]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
本帖子已过去太久远了，不再提供回复功能。页面导航：
→ 正文内容 js动态添加文本框
JS添加删除一组文本框并对输入信息加以验证判断其正确性
需要添加几组数据到数据库，但是具体几组数据不确定，有客户来填写，所以，这里我用JS进行添加删除子方案，并要对方案输入的正确性加以判断，感兴趣的朋友可以了解下
在做项目中遇到这样一个问题，就是我们需要添加几组数据到数据库，但是具体几组数据不确定，有客户来填写，比如我们需要添加打折策略，可能个策略有很多组方案，比如“满100打5折，满200打4折，满500打3折”等等，这是作为一组方案来执行的，但是并不确定一组方案中有几个子方案，所以，这里我用JS进行添加删除子方案，并要对方案输入的正确性加以判断，并且通过json传输写入数据库，这里我们主要写如果添加删除一组子项目和如果给每个文本框添加验证。 动态添加一组文本框：
代码如下: var countTable = 0; //添加表格行 addTable = function () { //获得表格 var tab1 = document.getElementById("discountTable"); //table中所有的单元格数 // cell = tab1.cells. //table 中行数 n = tab1.rows. //table 中的列数 //cell = cell / //向table中加入行 r = tab1.insertRow(n); //添加当前行的每个单元格 r.insertCell(0).innerHTML = '消费满X元： &input type=\'text\' style="width:150" onblur="terifyNumFirst(this)" class =\'groupFirst\' /&&label class="veritifyMessage" style="display: color: #F00;font-size:16 width:10float:right"&*&/label&'; r.insertCell(1).innerHTML = '打折率：&input type=\'text\' style="width:150" onblur="terifyNumSecond(this)" class =\'groupSecond\' /&&label class="veritifyMessage" style="display:font-size:16color: #F00; width:10float:right"&*&/label&'; r.insertCell(2).innerHTML = '&input type="image" name="imageField" id="'+countTable+'" onclick="deleteTable(this)" src="../images/closeStraty.jpg" /&'; countTable = countTable + 1; }
注： 1.这里的countTable应为全部变量，用于对每一行进行标识，这样就确定每一行都是不同的，防止删除一行后ID重复的情况。 2.在这里为每一个text添加了焦点离去事件，即当焦点离开当前文本框时，我们需要对其严重是否符合输入。 3.在文本框后加了label，作为验证控件，当我们输入的文本不符合要求时，该label可见。 删除任意一行：
代码如下: //删除当前行 deleteTable = function (el) { // alert( el.id); //获取table var tab1 = document.getElementById("discountTable"); //循环判断需要删除的行 for (i = 0; i & tab1.rows. i++) { //获取行的ID var deleteValue = tab1.rows[i].cells[2].childNodes[0]. //循环获得每行的id与当前点击的ID比较，相同则删除 if (el.id == deleteValue) { tab1.deleteRow(i);
首先我们需要是或许要删除行的位置，这里就需要通过循环对比表格中哪一行是当前点中行，然后进行删除。 如何显示和隐藏验证控件（当焦点离去文本时，对文本进行判断）：
代码如下: //验证第一条信息输入是否合法 terifyNumFirst = function (objText) { var terifyText = objText. //信息不能为空 if (terifyText== "") { objText.parentNode.children[1].style.display="block";
} //信息必须为数字 if (isNaN(terifyText)) { objText.parentNode.children[1].style.display = "block";
} objText.parentNode.children[1].style.display = "none"; }
当全部信息需要写入时，我们同样需要进行判断，如果有不合法的提示，否则生成datatable返回，具体如何往后台传输，会在下篇博客中写道。
代码如下: //生成DataTable对象 function generateDtb() { //判断数据是否可以写入标志，false为可以写入，true为不可以写入 var flag = //获取table var tab1 = document.getElementById("discountTable"); //第一列数据 var firstGroup = document.getElementsByClassName("groupFirst"); //第二列数据 var secondGroup = document.getElementsByClassName("groupSecond"); //判断验证信息是否合法 var veritify = document.getElementsByClassName("veritifyMessage"); // alert(secondGroup.item(0).value); //判断是否为空 for (var i = 0; i & firstGroup. i++) { //判断第一列数据是否为空，为空则显示提示 if (firstGroup[i].value == "") { veritify[(i * 2)].style.display = "block"; flag = } //判断第二列数据是否为空，为空则显示提示 if (secondGroup[i].value == "") { veritify[(i * 2 + 1)].style.display = "block"; flag = } } for (var i = 0; i & veritify. i++) { if (veritify[i].style.display == "block") { flag = } } // alert(veritify.length); //如何输入信息都合法，则整理当前信息为数组，返回该信息进行处理。 if (flag == false) { //写入 var txtName = document.getElementById("txtName"). //创建数组 var dtb = new Array(); //通过循环把数据写入到数组并返回 for (var i = 0; i & firstGroup. i++) { var row = new Object(); row.Name = txtN row.fullMoney = firstGroup[i]. row.discount = secondGroup[i]. dtb.push(row); }
这里的验证也相对比较简单，只是验证文本框输入是否为空和是否为数字，用一个label的显示和隐藏来判断是否符合输入，在下篇文章中会写道如何把数组传入后台并写入数据库。
您可能感兴趣的文章:
上一篇：下一篇：
最 近 更 新
热 点 排 行ASp按钮无刷新 怎么清空文本框_百度知道
ASp按钮无刷新 怎么清空文本框
用js清空文本框 本来就不会刷新啊 ，你要问的是这个吗？ &input
id=&txt1& type=&text& value=&这里要被清空！& /&&input type=&button&
value=&点击清空文本框&
onclick=&javascript:document.getElementById('txt1').value='';&/&
我那个是这样的
我用了asp的按钮 然后是UpdatePanel无刷新 然后点击完按钮之后文本框输入的值还在 我想清空 还不能刷新页面 谢谢
晕啊，你说的是.net啊asp.net中的按钮解析到客户端是一个 submit 按钮，可以给它加一个OnClientClick事件 &asp:Button runat=&server& ID=&button5& OnClientClick=&return cleartxt()& Text=&Asp:button& /&&input
id=&txt1& type=&text& value=&这里要被清空！& /& function cleartxt(){
document.getElementById('txt1').value=&&;}
其他类似问题
按默认排序
其他1条回答
用javascript吧document.getElementById(&xxx&).value=&&;xxx改为文本框id就可以了
文本框的相关知识
等待您来回答
您可能关注的推广回答者：
下载知道APP
随时随地咨询
出门在外也不愁}