如何实现JSP表单提交和JS的功能,为什么实现了JS但是又实现不了表单的功能?原代码如下 5
</head><body><scripttype="text/javascript">functioncheckEspecialCode(str){varregExpre...
</head>
<body>
<script type="text/javascript">
function checkEspecialCode(str){
var regExpress = /[\'\"\\<>;&=#]/; //特殊字符正则表达式
if(regExpress.test(str)){ //测试字符串是否包含指定的特殊字符
return false;
}
return true;
}
function checkStrLength(str,limitLength){
var n=0
for(var i=0;i<str.length;i++){
var code=str.charCodeAt(i);
if(code>255){
n=n+2;}
else{
n=n+1;}
}
if(n>limitLength){
return false;}
return true;
}
function check(){
var userName=document.getElementById("username").value;
var pwd = document.getElementById("pwd");
var limitNum=12;
if(userName==""){
alert("请输入用户名");
document.getElementById("username").focus();
return;}
if(userName.length<6){
alert("用户名不可小于6位");
document.getElementById("username").focus();
return;}
if(!checkStrLength(userName,12)){
alert("您输入的用户名不能超过"+limitNum+"个字符!");
return;}
if(!checkEspecialCode(userName)){
alert("您输入的用户名中包含无效字符!");
document.getElementById("username").focus();
return;}
if(pwd.value.length<6){
alert("密码长度不得小于6位!");
pwd.focus();
return;
}
document.getElementById("myform").submit();}
</script>
<h2>
用户登录
</h2>
<form action="check.jsp" >
用户名:
<input type="text" name="user" id=username)
>
<p>
密 码:
<input type="password" name="password" id=pwd )
>
<p>
<p>
<input type="submit" name=submit value="登录" onclick="check()">
<input type="reset" name="Reset" value="重置">
</form>
<br>
</body>
</html> 展开
<body>
<script type="text/javascript">
function checkEspecialCode(str){
var regExpress = /[\'\"\\<>;&=#]/; //特殊字符正则表达式
if(regExpress.test(str)){ //测试字符串是否包含指定的特殊字符
return false;
}
return true;
}
function checkStrLength(str,limitLength){
var n=0
for(var i=0;i<str.length;i++){
var code=str.charCodeAt(i);
if(code>255){
n=n+2;}
else{
n=n+1;}
}
if(n>limitLength){
return false;}
return true;
}
function check(){
var userName=document.getElementById("username").value;
var pwd = document.getElementById("pwd");
var limitNum=12;
if(userName==""){
alert("请输入用户名");
document.getElementById("username").focus();
return;}
if(userName.length<6){
alert("用户名不可小于6位");
document.getElementById("username").focus();
return;}
if(!checkStrLength(userName,12)){
alert("您输入的用户名不能超过"+limitNum+"个字符!");
return;}
if(!checkEspecialCode(userName)){
alert("您输入的用户名中包含无效字符!");
document.getElementById("username").focus();
return;}
if(pwd.value.length<6){
alert("密码长度不得小于6位!");
pwd.focus();
return;
}
document.getElementById("myform").submit();}
</script>
<h2>
用户登录
</h2>
<form action="check.jsp" >
用户名:
<input type="text" name="user" id=username)
>
<p>
密 码:
<input type="password" name="password" id=pwd )
>
<p>
<p>
<input type="submit" name=submit value="登录" onclick="check()">
<input type="reset" name="Reset" value="重置">
</form>
<br>
</body>
</html> 展开
1个回答
2015-12-13
展开全部
不用ajax也可以。。。我搞个iframe。。在iframe里提交。。提交时用js写。。。document.from.submit();再parent.docuemnt.loaction.href="xxx.jsp";这样子可以吧?我让上层页面跳转。。视觉上看不出来的。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询