标签: form-submit

Jquery .Submit() 不触发提交事件

我有一个很小的问题,

我想在下拉更改时使用 jQuery 提交我的代码:

 $("#mydropDown").change(function(){           
        $("#myForm").submit();
    });
Run Code Online (Sandbox Code Playgroud)

但它没有提交。

我还在 Firebug 控制台中触发了以下代码:

$("#myForm").submit();
Run Code Online (Sandbox Code Playgroud)

它给了我这个输出

[form#myForm]

我不明白有什么问题...:o?

javascript jquery submit form-submit jquery-events

5
推荐指数
1
解决办法
3466
查看次数

是否有可能显示部分响应数据的谷歌表单确认消息?

我正在为即将到来的拍卖设置一个谷歌表单。当投标人到达拍卖场时,我们会让他们填写一个基本的谷歌表格(即姓名、地址、ID),并且“投标人 ID”是根据响应电子表格中的行号自动生成的。

我希望发生的是一旦提交表单,确认消息就会包含他们的“投标人 ID”。电子表格设置为将投标人 ID 放在 J 列中。这可能吗?如果需要更多信息,请告诉我。

非常感谢。本

form-submit google-apps-script google-forms

5
推荐指数
1
解决办法
3776
查看次数

关闭表单提交时打开的弹出窗口并触发单击父窗口

我有一个父窗口,我在其中使用 window.open() 打开弹出窗口,并且我正在使用 window.opener 方法监视该弹出窗口的返回。我在这里有两个疑问:

  1. 在我的弹出窗口中,有一个提交按钮负责表单的提交功能,我想等待提交完成并在提交时关闭此弹出窗口。
  2. 当提交表单并关闭弹出窗口时,我正在获取文本框值之一,并在弹出窗口关闭后立即在父窗口中使用该值来自动模拟搜索。

代码:

// parent window handling of information returned from the pop-up window
function HandlePopupResult(value) {
    alert("The field value is: " + value);
    $("input[value='Search']").trigger("click");
}

//pop-up window handling of information to be returned to the parent window on submission
$("#myForm").submit(function() {
    window.opener.HandlePopupResult($("#field").val());
    window.close();
});
Run Code Online (Sandbox Code Playgroud)

所以我的问题是:如何确保提交已完成,以便我在父窗口中触发搜索点击并关闭此弹出窗口?请让我知道。

我终于能够正确地将信息发送回我的父表单,但我只需要确保我的提交完成。关于确保仅在提交成功后触发我的事件的任何建议?

干杯。

javascript jquery form-submit window.open window.opener

5
推荐指数
1
解决办法
2271
查看次数

将数据保存到 WooCommerce 会话

我正在尝试将一个简单的文本输入保存到 WooCommerce 会话中。当用户将东西添加到他们的购物车时创建会话。

我的输入字段存在于自定义页面模板中,该模板将放置在购物车之后但结帐之前的用户流程中:购物车 > 我的模板 > 结帐。

迄今为止

捕获数据的简单表单(自定义模板文件)

<form name="group" method="post" class="checkout woocommerce-checkout" action="http://localhost:/site.dev/my-template">
    <div class="group-order">
        <p class="form-row form-row woocommerce-validated" id="create_new_group_field">
            <label for="create_new_group" class="">Join an existing group</label>
            <input type="text" class="input-text " name="create_new_group" id="create_new_group">
        </p>
    </div>
</form>
Run Code Online (Sandbox Code Playgroud)

接收和设置数据(我无法弄清楚何时/如何运行它。在我的自定义页面中

更新 我已将下面的代码添加到我的页面模板顶部,以便页面处理自身,然后重定向到结帐。

函数 set_and_save_input_to_session() {

if( !is_admin( ) ) {
    // User input
    if( ! empty( $_POST['create_new_group'] ) ) {
        $group_input_value =  $_POST['create_new_group']; 

        // Set session and save data
        WC()->session->set( 'group_order_data', $group_input_value );

        wp_redirect( 'http://localhost:28/site.dev/checkout' );
        exit();
    }
} …
Run Code Online (Sandbox Code Playgroud)

php wordpress session form-submit woocommerce

5
推荐指数
1
解决办法
1万
查看次数

如果将表单设置为收集电子邮件,则通过 Google Apps 脚本提交 Google 表单将失败

通过 Apps 脚本提交表单时,如果表单设置为收集用户电子邮件以进行回复,则代码将失败并显示错误:

“抱歉,无法提交表单回复。请等待几分钟,然后重试。”

我认为谷歌可能已经改变了一些东西,因为去年运行的代码今年不起作用。

错误指向代码中的“提交”行。或者有时,代码运行,但仍然没有出现在工作表中,或者在表单本身的“响应”中。

如果我关闭收集电子邮件的选项,它运行良好,我会在 Google 表格中看到提交,只是没有电子邮件地址。

我设置了一个测试表单,将其附加到一个新的谷歌表以供回复,并粘贴到我的代码中:

function codeVoteDoVoteByForm()
{
  
  // Get the Yes/No Google form
  var myForm = FormApp.openById('File ID Here')

  // Get a list of questions on it
  var questions = myForm.getItems()
 
  // Get question 0 (only one on this form) and mark it as multiple choice
  var qt = questions[0].asMultipleChoiceItem()
  
  // Set the users vote
  var qr = qt.createResponse("I am here")
  
  //Create the response
  var FormResponse = myForm.createResponse()
  var testemail = FormResponse.getRespondentEmail()
  // Submit …
Run Code Online (Sandbox Code Playgroud)

form-submit google-apps-script google-forms

5
推荐指数
1
解决办法
2186
查看次数

当我应用 TinyMCE 时,如何使 textarea 强制提交

我想在应用 TinyMCE 时强制提交文本区域。

如果我给 加上required属性<textarea>,会导致即使填了也无法提交!

我怎么解决这个问题?

tinymce.init({
    selector: '#summaryId',
    max_chars: 255, // max. allowed chars
    plugins: "paste",
    setup: function (ed) {
        var allowedKeys = [8, 37, 38, 39, 40, 46]; // backspace, delete and cursor keys
        ed.on('keydown', function (e) {
            if (allowedKeys.indexOf(e.keyCode) != -1) return true;
            if (tinymce_getContentLength() + 1 > this.settings.max_chars) {
                e.preventDefault();
                e.stopPropagation();
                return false;
            }
            return true;
        });
        ed.on('keyup', function (e) {
            tinymce_updateCharCounter(this, tinymce_getContentLength());
        });
    },
    init_instance_callback: function () { // initialize counter …
Run Code Online (Sandbox Code Playgroud)

html javascript tinymce form-submit

5
推荐指数
1
解决办法
6184
查看次数

为什么命名你的HTML表单提交按钮"提交"中断了什么?

在ASP.NET webforms和ASP 3(经典ASP)中,我遇到了一个问题,即命名表单提交按钮"提交"将"破坏".下面是呈现的HTML:

<input type="submit" name="Submit" value="Submit" id="Submit" />
Run Code Online (Sandbox Code Playgroud)

我说"破坏事物"因为我不确定为什么或发生了什么.但症状通常是按下提交按钮有时什么也没做,即它只是没有用.但有时它确实有效.

事实上,我刚刚使用下面的代码构建了一个快速的单页测试,并提交工作正常:

<form id="form1" runat="server">
<div>
    <asp:TextBox ID="txtTest" runat="server" />
    <asp:Button ID="Submit" runat="server" Text="Submit" />
</div>
</form>
Run Code Online (Sandbox Code Playgroud)

但是,在过去,这个问题已经出现,重命名按钮总是使症状消失.

那么,是否有任何HTML/HTTP /浏览器专家知道为什么在提交按钮上设置id ="submit"会导致任何问题?

编辑

这个SO评论似乎暗示"提交"是一个保留的关键字.但为什么"id"或"name"属性会与此相关?这个"保留"关键字如何以导致冲突的方式实现?

再次感谢

html http-post form-post form-submit

4
推荐指数
1
解决办法
4022
查看次数

Wicket:面板或组件可以在没有任何样板代码的表单上做出反应吗?

我目前正在评估Wicket,我正在试图弄清楚它是如何工作的.

我有关于表单提交和面板(或其他组件)的问题.想象一下自定义的wicket面板,它包含一个文本字段,使用ajax进行类型验证.此面板已添加到表单中.Panel如何对表单提交做出反应(让我们说因为javascript/ajax不可用)?

我目前只知道一个解决方案:在Form onSubmit()方法中调用面板的方法.但这似乎不像这里的"可重用"方法,因为我必须将样板代码添加到包含面板的每个表单的onSubmit()(并且每个使用该面板的开发人员必须知道这一点).

所以我的问题就出现了:Panel/Component有什么方法可以以某种方式"检测"表单提交?或者除此之外还有其他解决方案吗?

谢谢.

components wicket panel form-submit onsubmit

4
推荐指数
1
解决办法
8880
查看次数

尝试使用jQuery序列化()表单数据并使用extend()追加更多变量

我正在使用$.ajax提交表单,但我想在提交中添加一些不属于表单输入的键值对.连接这些额外参数的技术工作正常,但似乎不太优雅使用$.extend.麻烦的是我不能让后者工作.

这有效:

var data = $form.serialize() + "&a=1&b=0.5";
Run Code Online (Sandbox Code Playgroud)

这不是:

var data = $.extend({}, $form.serialize(), {
    a: 1,
    b: 0.5
});
Run Code Online (Sandbox Code Playgroud)

我可以看到当我检查有效的情况下提交的内容时,我有三个键值对:

t:test
a:1
b:0.5
Run Code Online (Sandbox Code Playgroud)

t单个表单输入字段的名称(文本框)在哪里.

当我使用该$.extend功能时,检查显示以下内容:

0:t
1:=
2:t
3:e
4:s
5:t
a:1
b:0.5
Run Code Online (Sandbox Code Playgroud)

我的申请不喜欢这个请求.这种行为是预期的还是有人可以指出我做错了什么?

jquery form-submit

4
推荐指数
1
解决办法
5770
查看次数

输入类型复选框与MVC剃须刀

为什么我的复选框的值没有传递给我的ViewModel?

我的观点(我省略了与此帖子无关的输入标签):

@model Pro.WebUI.ViewModels.UserViewModel

@using (Html.BeginForm("ManageUsers", "Administration", FormMethod.Post, 
new { id = "request-form", @class = "form-horizontal" }))
{
 <div class="form-group">
  <label for="inputAuthorize" class="col-lg-2 control-label">Authorize</label>
   <div class="col-lg-8">
     <input type="checkbox" id="Authorized" name="Authorized" value="@Model.Authorized" />
   </div>
 </div>
 <div class="form-group">
  <div class="col-lg-10 col-lg-offset-2">
   <br /><br />
   <button type="submit" class="btn btn-primary">Submit Request</button>
   </div>
 </div>
 }
Run Code Online (Sandbox Code Playgroud)

我的ViewModel:

public class UserViewModel
{
    [Key]
    public string UserID { get; private set; }

    public string UserName { get; set; }
    public string FirstName { get; set; }
    public string …
Run Code Online (Sandbox Code Playgroud)

checkbox asp.net-mvc form-submit viewmodel razor

4
推荐指数
2
解决办法
3万
查看次数