一篇文章讲明白js表单提交

方式一: 使用input type="submit" 提交

[/span>form action="" onsubmit="return false;"

[/span>input type="text" name="userName" />

[/span>input type="submit" />

onsubmit 事件会在表单中的确认按钮被点击时发生。 return false会阻止提交;

方式二:使用js提交 submit()方法

[/span>form action="" id="myForm"

[/span>input type="text" name="userName"/>

[/span>input type="button" onclick="submitForm();" />

function submitForm() {

document.getElementById("myForm").submit();

}

方式三: 使用jquery提交 submit()方法

[/span>form action="" name="testForm"

[/span>input //代码效果参考：http://www.zidongmutanji.com/bxxx/591080.html

[/span>input type="submit" />

$("form【name=testForm】").submit(function(e) {

// 阻止默认提交

//e.preventDefault();

// 或者

//return false;

});

使用 e.preventDefault(); 或者 return false; 可以阻止默认提交

方式四: 使用ajax提交(或者jquery封装的ajax 推荐)

参考地址:

$.ajax({

type: 'POST',

url: url,

data: data,

success: success,

dataType: dataType

});