jquery怎么append到form表单

jquery怎么append到form表单,第1张

捕捉链接的点击事件

$('#btn')click(function(){

// 取得要提交的参数

var my_val = $trim($('#ipt')val());

// 取得要提交页面的URL

var action = $(this)attr('href');

// 创建Form

var form = $('<form></form>');

// 设置属性

formattr('action', action);

formattr('method', 'post');

// form的target属性决定form在哪个页面提交

// _self -> 当前页面 _blank -> 新页面

formattr('target', '_self');

// 创建Input

var my_input = $('<input type="text" name="my_name" />');

my_inputattr('value', my_val);

// 附加到Form

formappend(my_input);

// 提交表单

formsubmit();

// 注意return false取消链接的默认动作

return false;

});

方式一:是通过jqueryvalidate的submitHandler选项,即当表单通过验证时执行回调函数。在这个回调函数中通过jqueryform来提交表单;

方式二:是通过jqueryform的beforeSubmit,即在提交表单前执行的回调函数,这个函数如果返回true,则提交表单,如果返回false,则终止提交表单。根据jqueryvalidate插件的valid()方法,就可以通过jqueryform提交表单时来对表单进行验证。

方式三:是通过jqueryvalidate验证表单的validate方法。这个方法的好处是对表单验证的控制更加自由。

<html xmlns=">

$(function() {

$("form")submit(function() {return false();}); // 禁用 form 提交,页面不会跳转

$("form input[type='submit']")click(function(){

var url = $('form')attr('action'); // 取Form中要提交的链接

var param = {}; // 组装发送参数,下面只是举个例,请按需要修改

param['name'] = $('form input[name=name]')val();

param['age'] = $('form input[name=age]')val();

……

$post(url, param, function(dom) { // 用POST方法提交,如为GET方法则改为$get

$('divget')html(dom); // 显示返回内容至class为get的DIV,可改为你自己的处理方法

}) ;

});

});

以上就是关于jquery怎么append到form表单全部的内容,包括:jquery怎么append到form表单、jquery怎么实现当提交表单的时候执行一个函数、jquery中submit(function() {...})等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10153899.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存