相关疑难解决方法(0)

使用jQuery重置多阶段表单

我有一个带有标准复位按钮的表格,因此编码:

<input type="reset" class="button standard" value="Clear" />
Run Code Online (Sandbox Code Playgroud)

麻烦的是,表示表单属于多阶段排序,因此如果用户填写一个阶段然后稍后返回,则单击"清除"按钮时,不会重置各个字段的"记住"值.

我认为附加一个jQuery函数来遍历所有字段并"手动"清除它们就可以了.我已经在表单中使用了jQuery,但我只是起步速度,所以我不知道如何解决这个问题,除了通过ID单独引用每个字段,这看起来效率不高.

TIA提供任何帮助.

forms jquery reset

348
推荐指数
9
解决办法
27万
查看次数

在Meteor中提交表单而不使用额外内容

我想在我的Meteor html模板中有一个表单,并在提交时将该数据插入我的MongoDB列表.我的问题是:

  • 这可能不使用额外的包吗?我可以只添加一个HTML表单作为模板吗?
  • on submit事件是否适用于最新的Meteor?
  • 我已经读过,我们可以使用click事件作为提交按钮:你能告诉我如何在DOM中查找输入元素的值吗?(不使用jQuery?)

forms onsubmit meteor

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

关闭JQuery Clear Form

我有下面的JQuery Dialog脚本,我试图找到如何在关闭对话框时触发清除表单的函数.

function clearForm()
{
$(':input','#calcQuery')
.not(':button, :submit, :reset, :hidden')
.val('');
};
// form popup 
$(document).ready(function() 
{
//var dataString = $("#calcQuery").serialize();
    $("#formBox").dialog({
      bgiframe: true,
        autoOpen: false, 
        height: 600,
        width: 400, 
        modal: false,
        closeOnEscape: true,
        title: "Calculator",
        buttons:    {
            "Calculate": function() {

// form post
            $.ajax({
            type: "POST",
            url: "calc.php",
            data: $("#calcQuery").serialize(),
            dataType: "html",
            success: function(response)
                {
                $("#calcBox").html(response);
                $("#calcBox").show();   
                },
            error: function
                (xhr, ajaxOptions, thrownError)
                    {
                    alert(xhr.status); 
                    alert(thrownError);
                    }



    }).responseText;

// form post 

                }
            } 
    });

$('#calcButton').click(function(){
    $('#formBox').dialog('open');
    return false;
    }); …
Run Code Online (Sandbox Code Playgroud)

forms jquery jquery-ui clear jquery-ui-dialog

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

如何使用Ajax/JS清除表单

可能重复:
jQuery/Javascript函数清除表单的所有字段

我需要在提交后清除表单,但我见过的方法都不适用于我.我正在使用我买的脚本,但作者没有回答我的请求.我有JS文件:

$('#contact_form').submit(function () {
        $.ajax({
            type: 'POST',
            url: 'contact.php',
            data: {
                name: $('#contact_form input#name').val(),
                email: $("#contact_form input#email").val(),
                text: $("#contact_form textarea").val()
            },
            success: function(data) {
                if ( data == 'sent' ) {
                    $('#contact_form .status').html('Thanks');
                } else if ( data == 'invalid' ) {
                    $('#contact_form .status').html('Invalid.');
                } else {
                    $('#contact_form .status').html('Can't send message.');                 
                }
            },
            error: function () {
                $('#contact_form .status').html('Can't send message.');
            }
        });
        return false;
    });


}
Run Code Online (Sandbox Code Playgroud)

php forms ajax jquery

2
推荐指数
1
解决办法
282
查看次数

标签 统计

forms ×4

jquery ×3

ajax ×1

clear ×1

jquery-ui ×1

jquery-ui-dialog ×1

meteor ×1

onsubmit ×1

php ×1

reset ×1