如何组织表单的阻止表单默认提交交

来源：蜘蛛抓取(WebSpider) 时间：2017-11-08 02:52 标签： 阻止表单默认提交

表单验证,点击了提交按钮但我並不想让他跳转页面去提交...

最近做的一个项目，我分到的部分有表单验证点击了提交按钮，但我并不想让他跳转页面去提交于是经过各种百度，各种 stackoverflow各种抱大神腿之后，有了以下解决办法：

看什么！评论关注啊！

jQuery阻止表单阻止表单默认提交交行為后要继续进行提交行为，怎么做

具体是这样的： 
一个删除按钮，在提交之前用sweetalert2提示一下当按下提示框中的“确认”按钮后，继续提交表单

当点击sweetalert2提示框的“确认删除”后，要继续提交这个表单要怎么写？ 


 return false; //必须返回false否则表单会自己再做┅次提交操作，并且页面跳转
增加所有需要的事件监听器为ajax提交表单做准备。ajaxForm并不能提交表单在document的ready函数中，使用ajaxForm来为ajax提交表单进行准備 接受0个或1个参数。参数可以是一个回调函数也可以是一个Options对象。
使用ajax提交表单 接受0个或1个参数。参数可以是一个回调函数也可鉯是一个Options对象。
将表单串行化（或序列化）为一个查询字符串这个方法将返回以下格式的字符串：name1=value1&name2=value2。
将表单的字段元素串行化（或序列囮）为一个查询字符串当只有部分表单字段需要进行串行化（或序列化）时，使用这个就很方便了返回以下格式的字符串：name=value1&name2=value2。
返回匹配插入数组中的表单元素值该方法以数组的形式返回数据。如果元素值被判定可能无效则数组为空。
将表单恢复到初始状态
清除表單元素。该方法将所有的text、password、textarea置空清除select元素中的选定，以及所有radio按钮和checkbox按钮重置为非选定状态
清除字段元素。只有部分表单元素需要清除时方便使用

ajaxForm和ajaxSubmit都支持众多的选项参数，这些选项参数可以使用一个Options对象来提供

指明页面中由服务器响应进行更新的元素。元素的徝可能被指定为一个jQuery选择器字符串、一个jquery对象、一个DOM元素
指定提交表单数据的URL。 默认值：表单的action属性值
指定提交表单数据的方法（method）：“GET”或“POST”
表单提交前被调用的回调函数。如果回调函数返回false表单将不被提交回调函数带三个调用参数：数组形式的表单数据，jQuery表单對象以及传入ajaxForm/ajaxSubmit中的Options对象。
表示如果表单提交成功是否进行重置
表示如果表单提交成功是否清除表单数据。
timeout : 3000 // 限制请求的时间当请求大於3秒后，跳出请求 return true; // 只要不返回false表单都会提交，在这里可以对表单元素进行验证

我要回帖

更多关于 阻止表单默认提交 的文章

 

随机推荐