标签: jquery-forms-plugin

我正在使用Jquery Form Plugin来提交表单.我的html文件的head标签如下所示

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
 then 10 other javascript files

AND Then   
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.form.js">
<script type="text/javascript"> 
       $(document).ready(function() { 
      var options = { 
                       success:       showResponse
                         };
                         $('#myForm').ajaxForm(options); 
        }); 
  </script>         

要查看我的代码的实际图片,请查看此http://jsfiddle.net/Xfrms/1/

问题是即使我调用jquery library我的代码的顶部,如果我没有在jquery.form.js插件之前调用jquery库,那么它(jquery.form.js)不起作用.我试图在query.form.js插件调用最顶层的jquery库之后调用那些其他10个javascript文件,但在这种情况下,调用javascript文件的功能不起作用.

看到这篇文章后,我认为两次调用jquery可能会导致问题.

你能不能告诉我在我的代码中可能出现什么问题,以及如何避免在jquery表单插件之前加载jquery但仍能使它工作？

谢谢

继我之前的问题之后，Meder很快就回答了这个问题，这并不好笑，现在在提交可重用的 jQuery 表单的过程中弹出了一个额外的问题，该表单不会使用户离开他们所在的位置。

问题

jQueryserialize()函数在页面内的所有表单上发挥其魔力，而不是在提交的特定表单上。下面的示例代码。

如何捕获表单的唯一名称/ID，并将其替换"form"为$("form").serialize()目标表单的名称，以便仅将其序列化？

表格代码

<form name="contact" id="contact" action="">
  <input name="_recipients" type="hidden" value="joe@fake.com" />
  <input name="_subject" type="hidden" value="Title" />
  ...
    <fieldset>
      <label for="name" id="name_label">Name</label>
      <input type="text" name="name" id="name" size="30" value="" class="text-input" />
      <label class="error" for="name" id="name_error">This field is required.</label><br />

      <label for="email" id="email_label">Return Email</label>
      <input type="text" name="email" id="email" size="30" value="" class="text-input" />
      <label class="error" for="email" id="email_error">This field is required.</label><br />

      <label for="phone" id="phone_label">Return Phone</label>
      <input type="text" name="phone" …

我有一个ASP.NET文件上传控件,它作为表单的一部分.文件上载控件位于内容页面上,而表单定义位于整个站点的母版页上.我在主页面上的表单中添加了multipart/form-enc.

当我从jQuery UI显示一个对话框时,我正在使用jQuery提交表单.

发布时,没有文件返回给服务器.文件上载控件没有文件,HttpFileCollection为空.我怎样才能找到发布的文件？

我正在尝试在Wordpress插件中使用jQuery的Form插件.我正在关注这个例子.我已经将我的脚本排队并构建了我的表单.在csf_form_handler.php中,相当于示例的json-echo.php,我可以访问在我的表单中选择的项目(我有一个radiobutton组).

我的目标是使用SELECT语句中表单中选择的值来从自定义wordpress数据库表返回数据.

$csf_selected_sport = $_POST['csf_radiobutton_group_sport'];

global $wpdb;

$csf_db_table = $wpdb->prefix . "activity";


$csf_data = $wpdb->get_results($wpdb->prepare("
            SELECT *
            FROM " .$csf_db_table. "
            WHERE  " . $csf_selected_sport ." ")); 

不幸的是,我得到了:

注意:尝试获取非对象的属性(在$ wpdb->前缀行上)

致命错误:在非对象上调用成员函数get_results()(在$ csf_data行上)

上面的代码 csf_form_handler.php不在函数中.我不知道这是否有所作为.

如何更改代码以便我可以使用$ wpdb？

谢谢.

我正在使用jQuery Forms插件来执行异步文件上传.目前,用户中止上传的唯一方法是按下浏览器上的"停止"按钮,这可能会导致其他javascript和ajax请求停止.我想提供一个取消按钮,但我没有找到任何方法取消上传,因为它正在使用API 发生.

是否存在内置方式,或者至少可以使用强大的黑客来取消上传？

我使用rails 3.1.3和jquery.form.js版本2.9.4,以及jquery 1.7.1.我在jquery.form.js中放了一些控制台打印语句,所以我可以看到(在firebug控制台中)它已经加载了.

我设置了这样的表格:

var options = {
  success: s.update_or_add_contact_response, type: 'post', 
  dataType: 'json',  url:  s.update_contact_path
};

$('form#new_user').submit(function() {
  $(this).ajaxSubmit(options);
  return false;
});

当我点击按钮提交表单时,我在firebug控制台中收到以下错误消息:

$(this).ajaxSubmit不是函数

我在这做错了什么？

可能重复:
如何向jQuery单击函数发送多个参数？

我想将多个参数传递给Jquery函数.以下是Javascript示例代码.我想将此javascript函数转换为jquery函数.如何将这些参数传递给jquery onclick事件？

<a onclick="showState('state_name','state_id')">ADD STATE </a>

function showState(state_name,state_id){
openbox_state(state_name,state_id);
}

我使用ajaxSubmit.

form.ajaxSubmit(successCallback);

我需要为successCallback创建包装器.

这该怎么做？

我试过了

form.ajaxSubmit(wrapperCallBack(successCallback));

var wrapperCallBack = function (successCallback) {
        debugger;
        changeState(false);
        successCallback(this);
    };

我正在使用jQuery表单插件发送ajax请求.你可以在下面的网址找到

http://malsup.com/jquery/form/

这是我的jQuery代码

$(document).ready(function()
{
    $('#SubmitForm').on('submit', function(e)
    {
        e.preventDefault();
        $('#submitButton').attr('disabled', ''); 

        $(this).ajaxSubmit({
        target: '#output',
        success:  afterSuccess //call function after success
        });
    });
});

function afterSuccess()
{   

    $('#submitButton').removeAttr('disabled'); //enable submit button

}

这段代码显示在div id输出上,每次我提交的代码都将删除旧的输出并显示新的输出.我想要做的是,保持旧的输出并在旧输出的顶部显示新的输出.有人能告诉我怎么做.

我在我的一个项目中使用Yii框架,我想将jQuery Form插件与Yii客户端内置验证一起使用.

我不能让他们一起工作.如果我jQuery form plugin使用这个简单的js代码设置:

$('#myform-id').ajaxForm();

执行客户端验证但即使验证失败也不会停止表单提交.我想这与Yii客户端验证库和jQuery表单插件在表单上绑定相同的"submit"事件有关.

仅供参考,我仔细检查过FireBug和Chrome控制台没有js错误.

我想知道是否有人经历过同样的问题并且解决了一些问题.