一个很奇怪的问题--关于html实现表单提交

2004-10-12 09:59:30 300 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

一个SpringSecurity引发的表单提交乱码问题这个问题困扰了大半个下午，好久没遇到耗时这么久的问题了，所以还是值得一写的。最近在做一个工程，前后端交互用的是Spring4.3.1+SpringSecurity4.1.3+thymeleaf3.0.1，版本都比较新，总体还是比较愉快的。今天在做一个form的时候，有一个字段允许填写中文的，但输入中文后提交回显乱码。起初以为是数据库连接编码问题（今天刚换了本地的调试库），但打了个断点发阅读详情

CfgSwitchSetup.html是一个表单提交的程序,基本功能如下:点击提交按钮后,取得表单的内容,同时刷新该页,显示新的表单的值.CfgSwitchSetup.html-->Forms/CfgSwtichSetup-->CfgSwitchSetup.html
疑惑:1、<FORM METHOD="POST" ACTION="Forms/CfgSwtichSetup">
注意：CfgSwtichSetup没有后缀，而且不是CfgSwitchSetup，不知道Forms/CfgSwtichSetup是怎么回事，这个文件大概应该是什么内容，可以实现上面的功能？
2、程序是纯html加javascript实现的
问题关键是html如何实现表单值的改变

CfgSwitchSetup.html
**************************************************************************
<html
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Configure Switch Information</title><LINK REL=stylesheet TYPE="text/css" HREF="web_style.css">

<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
</head><script src="jsMain.js"></script>
<script language="JavaScript">
function CheckForm(s)
{
if (!CheckAccessRight())
return false;

if(!isAsciiString(s.elements[0].value))
{
alert("Detected unknown character!!");
s.elements[0].select();
s.elements[0].focus();
return false;
}
if(!isAsciiString(s.elements[1].value))
{
alert("Detected unknown character!!");
s.elements[1].select();
s.elements[1].focus();
return false;
}
if(!isAsciiString(s.elements[2].value))
{
alert("Detected unknown character!!");
s.elements[2].select();
s.elements[2].focus();
return false;
}
return true;
}
</script>

<body background="../Images/BackGround/bgYellow.jpg" >
<FORM METHOD="POST" ACTION="Forms/CfgSwtichSetup"> <table border="0" width="500" cellspacing="1">
<tr>
<td class=pageTitle colspan="2" valign="center">Switch Information (Basic Settings)</td></tr><tr>
<td class=itemTitle width="50%" valign=top>Device Type</td><td class=itemContent width="50%" valign=top>
DES-3526 </td></tr><tr>
<td class=itemTitle width="50%" valign=top>External Ports</td><td class=itemContent width="50%" valign=top>
1000LX_GBIC + 1000LX_GBIC </td></tr><tr>
<td class=itemTitle width="50%" valign=top>MAC Address</td><td class=itemContent width="50%" valign=top>

00:0f:3d:cb:1d:30 </td></tr><tr>
<td class=itemTitle width="50%" valign=top> Boot PROM Version</td><td class=itemContent width="50%" valign=top>
3.00.003 </td></tr><tr>
<td class=itemTitle width="50%" valign=top> Firmware Version</td><td class=itemContent width="50%" valign=top>
2.00-B15 </td></tr><tr>
<td class=itemTitle width="50%" valign=top> Hardware Version</td><td class=itemContent width="50%" valign=top>
1A1 </td></tr><tr>
<td class=itemTitle width="50%" valign=top>Power Status</td><td class=itemContent width="50%" valign=top>
Main - Normal, Redundant - Not Present </td></tr><tr>
<td class=itemTitle width="50%" valign=top>System Name</td><td class=itemContent width="50%" valign=top>
<INPUT TYPE="TEXT" NAME="7" SIZE="30" MAXLENGTH="255" VALUE=""> </td></tr><tr>
<td class=itemTitle width="50%" valign=top> System Location</td><td class=itemContent width="50%" valign=top>
<INPUT TYPE="TEXT" NAME="8" SIZE="30" MAXLENGTH="255" VALUE=""> </td></tr><tr>
<td class=itemTitle width="50%" valign=top> System Contact</td><td class=itemContent width="50%" valign=top>
<INPUT TYPE="TEXT" NAME="9" SIZE="30" MAXLENGTH="255" VALUE=""> </td></tr><tr>
<td colspan="2" height="27" align=right>
<INPUT TYPE="SUBMIT" NAME="Submit" VALUE="Apply" onClick="return CheckForm(this.form)"> <!input type="reset" value="Reset" name="CfgTcpReset">
</td></tr></table></form>
</body></html>

...全文