读书人

struts2+javascript 刷新页面后输入

发布时间: 2012-04-23 13:17:38 作者: rapoo

struts2+javascript 刷新页面后,输入框中的内容没有被清除
代码为:

HTML code
<%@ page language="java" contentType="text/html; charset=GBK"    pageEncoding="GBK"%><%@ taglib prefix="s" uri="/struts-tags"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><script type="text/javascript" src="js/checkUser.js"></script><title>Insert title here</title></head><body><!-- 添加用户的Action --><s:form action="actions/User_add" method="post" onsubmit="return checkUserAdd();">    <table width="50%" align="center">        <tr align="center">            <td>                <s:textfield id="name" label="用户名" name="name"></s:textfield>            </td>        </tr>        <tr align="center">            <td>                <s:textfield id="age" label="年龄" name="age"></s:textfield>            </td>        </tr>        <tr align="center">            <s:textfield id="joinDate" label="日期" name="joinDate"></s:textfield>        </tr>        <s:submit value="提交" ></s:submit>        <s:reset type="重置"></s:reset>    </table></s:form></body></html>


JS代码如下:
HTML code
// 检测用户输入function checkUserAdd(){    var form=document.forms[0];    var n=form.name.value;    var age=form.age.value;    var joinDate=form.joinDate.value;    if(n=="") {        alert("用户名为不能为空");        return false;    }else {        alert("用户名为:"+n);    }        if(age=="") {        alert("年龄为不能为空");        return false;    }else {        alert("年龄名为:"+age);    }    if(joinDate=="") {        alert("日期不能为空");        return false;    }else {        alert("日期为:"+joinDate);    }        return true;}


页面提交并刷新后,默认是回到原来的输入页面,但页面中的数据还存在。

[解决办法]
<s:textfield id="name" label="用户名" name="name"></s:textfield>
你用的标签,提交后台后,FORM会记忆你输入的值.你跳转后又到了这个页面,当然会显示出来。你可以在在页面中加一个reset

读书人网 >JavaScript

热点推荐