html，js，关于表单提交的问题
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>test04</title>
</head>
<body>
<form action="http://www.baidu.com">
<label>输入1跳转到百度  </label><input type="text" id="input">
<input type="submit" value="提交" id="button">
</form>
</body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#button").click(function(){
var val = $("#input").val();
if(val == 1){
return true;
}else{
return false;
}
})
})
</script>
</html>上面这个写法不是很理解，return的值被谁接收到了，是按钮中的属性还是表单中的什么属性，求哪位大大告诉我上面我点击按钮后浏览器具体的实现思路或者步骤，怎么提交的表单
展开
收起
1
条回答
写回答
写回答
-
IT从业1）return true/false的目的在于阻住form表单的默认提交
2）type为submit的按钮的点击默认行为就是提交表单，如果回调函数不返回值或返回true，那就提交表单
否则默认行为不发生
3）和调用event.preventDefault方法同样的效果<script type="text/javascript"> $(function(){ $("#button").click(function(event){ var val = $("#input").val(); if(val!=1){ event.preventDefault(); } }) }) </script>2019-07-17 19:44:01赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
