189 8069 5689
定义和用法
我们提供的服务有：成都做网站、网站制作、微信公众号开发、网站优化、网站认证、平邑ssl等。为近1000家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的平邑网站制作公司
取消事件的默认动作。
语法
event.preventDefault()
说明
该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 "submit"，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。注意，如果 Event 对象的 cancelable 属性是 fasle，那么就没有默认动作，或者不能阻止默认动作。无论哪种情况，调用该方法都没有作用。
不一定需要用submit提交
1. HTML提交表单
HTML提交表单简单易操作，依靠在form标签对中的input type='submit'提交按钮进行请求发送和参数提交。其中form标签的post属性决定提交方式是get还是post。
servlet或者action根据name属性获取提交的参数
2. HTML超链接请求
只使用html发送超链接请求的话，方式比较单一。传递参数值是被写死的，并且只能使用get方式去发送请求。如果不用javascript的话，超链接还是作为一个页面跳转按钮比较合适。
jsp代码
3. Javascript提交表单
使用js和html提交表单的话就可以灵活很多，因为js不仅有针对页面很多的触发事件，而且可以获取到html页面元素的信息。
3.1 form表单提交前触发事件
这里主要是介绍下在提交form表单之前的onsubmit事件,在很早以前学习的时候，这个事件会被作为用户输入数据校验的入口。不过仍然因为js使html页面的灵活性变高，这种前端校验用户输入的方式也不是那么唯一。
jsp代码
javascript代码
form提交有两种方式 “GET”和“POST”;GET方式提交是以参数的方式发送
B网页接收数据，
1》纯html的话可以用javascript获取URL参数
p您所选择的是:span id="test"/span/p
script type="text/javascript"
var a = location.search;
var c = a.replace('?',"").split("=");
for(i in c){
document.getElementById("test").innerHTML=c[i];
}
/script
2 如果是php的话
?php
$data = $_GET['name'];或者$_POST['name'];
?
p您所选择的是:span id="test"?php echo $data;?/span/p
button-普通按钮，submit-提交按钮；
submit按钮一般出现在网页上需要提交信息到服务器是才使用，
考页面编辑人员决定，例如在同一天网页表单上，用户输入时可能输入错误或是偏差，则可以在网页上创建一个button-清除（重置）按钮，
一张表单可以有多个普通按钮，且至少有一个提交按钮（需提交表单网页）。
Sumit提交表单，Button需要绑定事件才可以用提交数据
不可以的，比如说你想实现局部刷新，就不能用Sumit了，用Button绑定事件就好了，如果用Sumit绑定事件的话，在触发事件的同事，也会提交表单的。。。。。。
submit需要有表单时，提交时才会带数据。而button默认是不提交任何数据。那么它们的区别就出来了，如果没有表单的话，又想通过提交某些数据给后台进行回应，则需要通过button，当然使用submit也可以，但是前提要拦截onclick事件。当有表单的时候，如果提交的数据很多，那么使用submit比button要好，可以减少很多数据的获取动作。在很多情况下，提交数据是要使用JS进行校验的，但如果这时候用户禁用了JS，那么校验就失效了，如果后台也没有进行校验，那么不合法的数据就进入后台了。通常的做法是通过button提交数据，那么如果用户禁用JS
，那么数据提交动作就激活不了，
这样能够保证提交到后台的数据是经过前台校验的。
Sumit提交表单，Button需要绑定事件才可以用提交数据
不可以的，比如说你想实现局部刷新，就不能用Sumit了，用Button绑定事件就好了，如果用Sumit绑定事件的话，在触发事件的同事，也会提交表单的。。。。。