捕捉链接的点击事件
$('#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() {...})等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)