我有一个带有标准复位按钮的表格,因此编码:
<input type="reset" class="button standard" value="Clear" />
Run Code Online (Sandbox Code Playgroud)
麻烦的是,表示表单属于多阶段排序,因此如果用户填写一个阶段然后稍后返回,则单击"清除"按钮时,不会重置各个字段的"记住"值.
我认为附加一个jQuery函数来遍历所有字段并"手动"清除它们就可以了.我已经在表单中使用了jQuery,但我只是起步速度,所以我不知道如何解决这个问题,除了通过ID单独引用每个字段,这看起来效率不高.
TIA提供任何帮助.
我想在我的Meteor html模板中有一个表单,并在提交时将该数据插入我的MongoDB列表.我的问题是:
我有下面的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) 我需要在提交后清除表单,但我见过的方法都不适用于我.我正在使用我买的脚本,但作者没有回答我的请求.我有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)