javascript中事件句柄是什么意思?form和onsubmit ,submit onclick之间都是什么关系,
点击submit和button一样是触发onclick事件?怎么form对象比别的对象多一个事件句柄onsubmit?当用户点击了submit提交按钮,submit按钮所...
点击submit 和button一样是触发 onclick事件?
怎么form对象比别的对象多一个事件句柄onsubmit?
当用户点击了submit提交按钮,submit按钮所在的form对象会调用onsubmit句柄然后提交form表单包含的所有数据?
onsubmit是(事件)名词; 还是(绑定事件)动作 展开
怎么form对象比别的对象多一个事件句柄onsubmit?
当用户点击了submit提交按钮,submit按钮所在的form对象会调用onsubmit句柄然后提交form表单包含的所有数据?
onsubmit是(事件)名词; 还是(绑定事件)动作 展开
1个回答
展开全部
LZ有4个错误哦
1.原代码:str1.length()==0
这里在获取字符串长度时,用的length是属性不是方法,改为
str1.length == 0
2.FORM的onsubmit事件,全小写
3.在设置onsubmit事件时,直接赋了串字符串是不对的
应该是test.onsubmit=function(){return checkForm1()}
如果事件只是调用一个0参数的方法,也可以这样test.onsubmit=checkForm1
4.LZ的input本来是submit类型,不需要再去调用test.onsubmit()和test.submit()
//====修改后======
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<html>
<head>
<title>Insert title here</title>
<script language=javascript>
function checkForm1()
{
var str1 = document.test.str1.value;
if(str1.length==0)
{
alert("请输入一个整数!");
return false;
}
return true;
}
function checkForm2()
{
var str1 = document.test.str1.value;
var int1 = parseInt(str1);
if(int1<10)
{
alert("请输入一个大于10的整数!");
return false;
}
return true;
}
</script>
</head>
<body>
<form name="test" method="post">
<input type="text" name="str1"></input><br>
<input type="submit" value="预览" onClick= "test.action = 'test.jsp'; test.onsubmit=function(){return checkForm1();};"><br>
<input type="submit" value="提交" onClick= "test.action = 'test.jsp'; test.onsubmit=function(){return checkForm2();};"><br>
</form>
<br>
<br>
<input type="text" name="str2" value="<%=request.getParameter("str1")%>"></input><br>
</body>
</html>
1.原代码:str1.length()==0
这里在获取字符串长度时,用的length是属性不是方法,改为
str1.length == 0
2.FORM的onsubmit事件,全小写
3.在设置onsubmit事件时,直接赋了串字符串是不对的
应该是test.onsubmit=function(){return checkForm1()}
如果事件只是调用一个0参数的方法,也可以这样test.onsubmit=checkForm1
4.LZ的input本来是submit类型,不需要再去调用test.onsubmit()和test.submit()
//====修改后======
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<html>
<head>
<title>Insert title here</title>
<script language=javascript>
function checkForm1()
{
var str1 = document.test.str1.value;
if(str1.length==0)
{
alert("请输入一个整数!");
return false;
}
return true;
}
function checkForm2()
{
var str1 = document.test.str1.value;
var int1 = parseInt(str1);
if(int1<10)
{
alert("请输入一个大于10的整数!");
return false;
}
return true;
}
</script>
</head>
<body>
<form name="test" method="post">
<input type="text" name="str1"></input><br>
<input type="submit" value="预览" onClick= "test.action = 'test.jsp'; test.onsubmit=function(){return checkForm1();};"><br>
<input type="submit" value="提交" onClick= "test.action = 'test.jsp'; test.onsubmit=function(){return checkForm2();};"><br>
</form>
<br>
<br>
<input type="text" name="str2" value="<%=request.getParameter("str1")%>"></input><br>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询