JavaScript中form的submit方法不响应的问题解决
2014-03-15 15:44
405 查看
今天第一次测试javaScript,一个button按钮点击,调用JavaScript方法,但是form.submit方法死活不响应,最后恍然大悟...
<%@ page language="java" contentType="text/html; charset=GB2312"
pageEncoding="UTF-8"%>
<!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=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function check(){
var user_id=document.login.username.value;
var password=document.login.password.value;
if(user_id==null||user_id==""){
alert("请输入用户名");
return;
}
if(password==null||password==""){
alert("请输入密码");
return;
}
login.action="login_check.jsp";
login.submit();
}
</script>
</head>
<body>
<form action="login_check.jsp" name="login" method="post">用户名 <input
type="text" name="username"><br>
密 码 <input type="password" name="password"><br>
<input type="button" name="submit" value="登录" onclick="check()"></form>
</body>
</html>代码如上,运行如下
点登录死活无反应,后来发现,结果是button的名字和方法重名了...把name的名字改了,就响应了...
新经验,予以记录
<%@ page language="java" contentType="text/html; charset=GB2312"
pageEncoding="UTF-8"%>
<!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=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function check(){
var user_id=document.login.username.value;
var password=document.login.password.value;
if(user_id==null||user_id==""){
alert("请输入用户名");
return;
}
if(password==null||password==""){
alert("请输入密码");
return;
}
login.action="login_check.jsp";
login.submit();
}
</script>
</head>
<body>
<form action="login_check.jsp" name="login" method="post">用户名 <input
type="text" name="username"><br>
密 码 <input type="password" name="password"><br>
<input type="button" name="submit" value="登录" onclick="check()"></form>
</body>
</html>代码如上,运行如下
点登录死活无反应,后来发现,结果是button的名字和方法重名了...把name的名字改了,就响应了...
新经验,予以记录
相关文章推荐
- 表单Form的submit事件不响应的解决方法
- JS调用form的方法submit直接提交form的时候,submit事件不响应解决办法
- JavaScript 内部函数作用域问题及解决方法
- javascript解决IE6下hover问题的方法
- 解决JavaScript数字精度丢失问题的方法
- JavaScript页面刷新与弹出窗口问题的解决方法
- JavaScript页面刷新与弹出窗口问题解决方法
- [JavaScript]JS中常遇到的浏览器兼容问题和解决方法
- javascript:window.close()在chrome,Firefox下失效问题解决方法
- javascript页面刷新与弹出窗口问题解决方法
- 12种Javascript解决常见浏览器兼容问题的方法
- BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法
- 关于一个表单form包含多个提交动作submit的解决方法
- 在JRE1.4.2以上版本中解决Javascript调用已签名Applet方法时提示没有权限问题
- C#.Net中解决PictureBox控件用FormFile方法后文件被锁定的问题
- jquery于form正在使用submit问题,未解决
- form.submit()不能提交表单的解决方法
- 12种Javascript解决常见浏览器兼容问题的方法