81,092
社区成员
发帖
与我相关
我的任务
分享开发网站过程中遇到的几个小问题
1.第一个是表单问题，在火狐浏览器下可以实现表单提交而ie(360)不可以，而且在火狐浏览器下可以实现的表单非空验证提示（用<span>显示）在ie下一样不能实现，代码如下：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>员工修改页面</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<style type="text/css">
body{
font-size:16px;
}
span{
display: inline;
}
</style>
<script type="text/javascript" src="../js/jquery-1.4.3.js"></script>
<script type="text/javascript">
var nameflag=false;
var nicknameflag=false;
$(function(){
$('#namein').blur(function(){
$('#namemsg').html('');
nameflag=false;
var strname=$('#namein').val();
if(strname.trim()==''){
$('#namemsg').html('请填写您的真实姓名');
return;
}
nameflag=true;
});
});
$(function(){
$('#nicknamein').blur(function(){
//昵称的非空检查
$('#nicknamemsg').html('');
nicknameflag=false;
var strnn=$('#nicknamein').val();
if(strnn.trim()==''){
$('#nicknamemsg').html('请填写昵称，昵称为1-20个英文或符号字符，或者为10个中文字符');
return;
}
//ajax检查，昵称必须唯一
var nicknamestr=$('#nicknamein').val();
$.post(
'nicknamecheck.action',
{'nickname':nicknamestr},
function(data){
if(data){
$('#nicknamemsg').html('通过验证');
nicknameflag=true;
}else{
$('#nicknamemsg').html('此昵称已注册，请更换一个');
}
}
);
});
});
$(function(){
$('#addform').submit(function(){
if(nameflag&&nicknameflag){
return true;
}else{
return false;
}
}
);
});
</script>
</head>
<body>
<form id="addform" action="addmember.action" method="post" enctype="multipart/form-data">
<table>
<tr>
<td>姓名</td>
<td>
<input id="namein" type="text" name="user.name">
<span id="namemsg" style="color:red"></span>
</td>
</tr>
<tr>
<td>昵称</td>
<td>
<input id="nicknamein" type="text" name="user.nickname">
<span id="nicknamemsg" style="color:red" ></span>
</td>
</tr>
<tr>
<td>职位</td>
<td>
<input id="positionin" type="text" name="user.position">
<span id="positionmsg" style="color:red" ></span>
</td>
</tr>
<tr>
<td>简介</td>
<td>
<textarea style="width: 380px;height: 200px" id="desin" name="user.describ"></textarea>
<span id="desmsg" style="color:red" ></span>
</td>
</tr>
<tr>
<td>图片</td>
<td>
<input type="file" name="myFile">
</td>
</tr>
</table>
<input type="submit" value="提交">
</form>
</body>
</html>
2.第二个问题是几乎相似的代码，但是无法完成表单非空验证（还是在测试阶段），不知道问题到底出在哪里，代码如下（两个问题都出自同一工程）：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>员工资料修改页面</title>
<style type="text/css">
body{
font-size:16px;
}
div{
margin-bottom: 10px;
}
span{
font-size:10px;
color:red;
}
</style>
<script type="text/javascript" src="../js/jquery-1.4.3.js"></script>
<script type="text/javascript">
$(function(){
$('#mname').blur(function(){
alert('失去焦点');
});
});
</script>
</head>
<body>
<center><h2>修改员工资料</h2></center><br/><br/>
<div style="float: left;margin-left: 200px;width: 380px">
<div style="font-weight: bolder;">原版</div>
<div>id: ${user.id}</div>
<div>姓名: ${user.name}</div>
<div>昵称: ${user.nickname}</div>
<div>职位: ${user.position}</div>
<div>简介: ${user.describ}</div>
<span>照片:</span><br/>
<div>
<img width="190px" height="190px" src="teamimages/${user.pic}" />
</div>
</div>
<div style="float: left;margin-left: 57px ">
<div style="font-weight: bolder;">修改版</div>
<form id="modifyform" action="" method="post" enctype="multipart/form-data">
修改姓名:
<input id="mname" type="text">
<span id="mnamemsg"></span>
<br/><br/>
修改昵称:
<input id="mnickname" type="text">
<span id="mnicknamemsg"></span>
<br/><br/>
修改职位:
<input id="mposition" type="text">
<br/><br/>
修改简介: <br/>
<textarea style="width: 200px;height: 160px" id="mdec"></textarea>
<br/><br/>
更新图片:
<input type="file">
</form>
</div>
</body>
</html>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>员工修改页面</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<style type="text/css">
body{
font-size:16px;
}
span{
display: inline;
}
</style>
<script type="text/javascript" src="../js/jquery-1.4.3.js"></script>
<script type="text/javascript">
var nameflag=false;
var nicknameflag=false;
$(function(){
$('#namein').blur(function(){
$('#namemsg').html('');
nameflag=false;
var strname=$('#namein').val();
if(strname.trim()==''){
$('#namemsg').html('请填写您的真实姓名');
return;
}
nameflag=true;
});
});
$(function(){
$('#nicknamein').blur(function(){
//昵称的非空检查
$('#nicknamemsg').html('');
nicknameflag=false;
var strnn=$('#nicknamein').val();
if(strnn.trim()==''){
$('#nicknamemsg').html('请填写昵称，昵称为1-20个英文或符号字符，或者为10个中文字符');
return;
}
//ajax检查，昵称必须唯一
var nicknamestr=$('#nicknamein').val();
$.post(
'nicknamecheck.action',
{'nickname':nicknamestr},
function(data){
if(data){
$('#nicknamemsg').html('通过验证');
nicknameflag=true;
}else{
$('#nicknamemsg').html('此昵称已注册，请更换一个');
}
}
);
});
});
$(function(){
$('#addform').submit(function(){
if(nameflag&&nicknameflag){
return true;
}else{
return false;
}
}
);
});
</script>
</head>
<body>
<form id="addform" action="addmember.action" method="post" enctype="multipart/form-data">
<table>
<tr>
<td>姓名</td>
<td>
<input id="namein" type="text" name="user.name">
<span id="namemsg" style="color:red"></span>
</td>
</tr>
<tr>
<td>昵称</td>
<td>
<input id="nicknamein" type="text" name="user.nickname">
<span id="nicknamemsg" style="color:red" ></span>
</td>
</tr>
<tr>
<td>职位</td>
<td>
<input id="positionin" type="text" name="user.position">
<span id="positionmsg" style="color:red" ></span>
</td>
</tr>
<tr>
<td>简介</td>
<td>
<textarea style="width: 380px;height: 200px" id="desin" name="user.describ"></textarea>
<span id="desmsg" style="color:red" ></span>
</td>
</tr>
<tr>
<td>图片</td>
<td>
<input type="file" name="myFile">
</td>
</tr>
</table>
<input type="submit" value="提交">
</form>
</body>
</html>
2.第二个问题是几乎相似的代码，但是无法完成表单非空验证（还是在测试阶段），不知道问题到底出在哪里，代码如下（两个问题都出自同一工程）：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>员工资料修改页面</title>
<style type="text/css">
body{
font-size:16px;
}
div{
margin-bottom: 10px;
}
span{
font-size:10px;
color:red;
}
</style>
<script type="text/javascript" src="../js/jquery-1.4.3.js"></script>
<script type="text/javascript">
$(function(){
$('#mname').blur(function(){
alert('失去焦点');
});
});
</script>
</head>
<body>
<center><h2>修改员工资料</h2></center><br/><br/>
<div style="float: left;margin-left: 200px;width: 380px">
<div style="font-weight: bolder;">原版</div>
<div>id: ${user.id}</div>
<div>姓名: ${user.name}</div>
<div>昵称: ${user.nickname}</div>
<div>职位: ${user.position}</div>
<div>简介: ${user.describ}</div>
<span>照片:</span><br/>
<div>
<img width="190px" height="190px" src="teamimages/${user.pic}" />
</div>
</div>
<div style="float: left;margin-left: 57px ">
<div style="font-weight: bolder;">修改版</div>
<form id="modifyform" action="" method="post" enctype="multipart/form-data">
修改姓名:
<input id="mname" type="text">
<span id="mnamemsg"></span>
<br/><br/>
修改昵称:
<input id="mnickname" type="text">
<span id="mnicknamemsg"></span>
<br/><br/>
修改职位:
<input id="mposition" type="text">
<br/><br/>
修改简介: <br/>
<textarea style="width: 200px;height: 160px" id="mdec"></textarea>
<br/><br/>
更新图片:
<input type="file">
</form>
</div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
u011010971 2013-07-24
- 打赏
- 举报
多谢三楼大神，问题已解决
u011010971 2013-07-24
- 打赏
- 举报
第一个问题还在纠结，关于表单提交在火狐与ie下的区别
u011010971 2013-07-24
- 打赏
- 举报
多谢楼上的朋友，第二个问题我已经解决
（2.第二个问题是几乎相似的代码，但是无法完成表单非空验证（还是在测试阶段），不知道问题到底出在哪里，代码如下（两个问题都出自同一工程）：）
这个问题是由于页面中有action响应回的数据，并且用el表达式显示，后面节点的javascript代码无法正常执行，还在实验中。
seqwait 2013-07-24
- 打赏
- 举报
改成 if ($.trim(strname)== '') {
$('#namemsg').html('请填写您的真实姓名');
return;
}
u011010971 2013-07-24
- 打赏
- 举报
再次顶起，静待回复
u011010971 2013-07-24
- 打赏
- 举报
自己顶一下，免得沉了，静待各位大神指教
