Tag: 表单

使用jquery使用JSON数据重新填充表单

我有一个HTML表单，我通过ajax保存到数据库。 要获取键/值对的查询字符串，我使用了非常方便的serialize函数，如下所示： var myData = $(“form#form_id”).serialize(); $.ajax({ url: “my_save_script.php”, type: “post”, data: myData, success: function(msg){ alert(msg); } }); 现在我想加载一个空白表单，并使用数据库中的数据重新填充它，该数据从ajax调用作为JSON字符串传递。 我已经能够获得具有正确键/值对的Javascript对象，如下所示： data = $.parseJSON(data); data = data[0]; 重新填充表单最简单，最优雅的方法是什么？ 请记住，表单的输入元素是文本，选择，复选框和广播。 输入元素的名称与数据库列的名称相同，并且是上述data对象中键/值对的键。 这就是为什么serializefunction对我来说非常好

获取在Javascript中检查的复选框的数量

我正在尝试创建一个javascript函数（虽然jquery完全没问题），它将返回一个与表单中选中的复选框数相对应的数字。 看起来很简单，但我无法找到一个好方法。 谢谢。

Jquery提交与javascript提交

我点击普通按钮时尝试调用表单validation。 这似乎适用于jQuery，但不适用于普通的javascript。 任何人都可以解释jquery的.submit（）和javascript的.submit（）方法之间的区别吗？ 或者我做错了什么？ Form Submit function validateForm(form) { if (form.username.value==”) { alert(‘Username missing’); return false; } return true; } Login4 Login5

在jQuery中通过AJAX提交表单

我正在使用以下jQuery代码通过AJAX提交表单。 jQuery(‘form.AjaxForm’).submit( function() { $.ajax({ url : $(this).attr(‘action’), type : $(this).attr(‘method’), dataType: ‘json’, data : $(this).serialize(), success : function( data ) { alert(‘Submitted’) }, error : function( xhr, err ) { alert(”Error); } }); return false; }); 代码与没有ajax完美配合。 但是如果我通过ajax加载表单则不起作用。 我认为这是因为在加载JavaScript后通过ajax加载表单。 有解决方案吗

表单提交时，jquery禁用提交按钮

无论出于何种原因，尽管此代码确实刷新了页面，但没有任何字段被发布… $(‘form’).submit(function(){ $(‘input[type=submit]’, this).attr(‘disabled’, ‘disabled’); }); 有没有更好的编码方式？

使用PHP进行jQuery AJAX表单数据序列化

我被困在我的代码中，我需要将表单中的数据发送到check.php页面然后进行处理。 这是我的代码： AJAX部分： $(document).ready(function(){ var form=$(“#myForm”); $(“#smt”).click(function(){ $.ajax({ type:”POST”, url:form.attr(“action”), data:form.serialize(), success: function(response){ console.log(response); } }); }); }); 表格： php部分： $user=$_POST[‘user’]; $pass=$_POST[‘pass’]; if($user==”tony”) { echo “HI “.$user; } else { echo “I dont know you.”; }

如何使用jQuery远程validation依赖于表单中另一个字段的字段？

我有一个表单，我使用远程validation来检查数据库中是否已存在电子邮件地址。 然而，问题在于，在这种forms上，用户可以在几个不同的“组”之间进行选择，并且每个组具有其自己的不同的电子邮件地址集（因此相同的电子邮件可以在每个组中存在一次）。 组选择是表单上的下拉列表，电子邮件地址是具有远程validation的输入字段。 我有几个问题。 首先，我已经设置了这样的远程规则： remote: { url: ‘remote_script.php’, data: { group_id: $(‘select.group_id’).val() } } 但是，这似乎将group_id参数静态设置为select中的第一个值。 这意味着，如果我更改选择，然后再次触发远程validation，则group_id参数不会更改 首先，如何使此参数动态化，具体取决于表单中select的值？ 其次，如何在电子邮件地址字段中手动触发远程validation？ 当group_id select更改时，我想在电子邮件地址字段上重新触发远程validation（不更改字段的值）。 我试过用 $(selector).validate().element(‘.email_addr’) 但这似乎只触发标准validation（必需，电子邮件），而不是远程调用。

onsubmit =“return false”是什么意思？ （JavaScript，jQuery）

我知道提交表单时会发生onsubmit事件。 通常我们所做的是，我们在onsubmit事件上调用一个方法，如 今天我看到了这个， ” ” 。 这个怎么运作？ 我无法理解onsubmit=”return false”的含义是什么。 PS：我在学习Ajax时发现了这一点。 这是一个教程，解释了如何在不刷新页面的情况下将数据提交到数据库。

使用两个提交按钮提交jQuery ajax表单

我有一个看起来像这样的表单： 当我绑定到表单的提交（ $(“vote_form”).submit() ）时，我似乎无法访问用户单击的图像。 所以我试图绑定点击图像本身（ $(“.vote_down, .vote_up”).click() ），总是提交表单，无论我是否尝试 返回虚假; event.stopPropogation（）; 要么 event.preventDefault（）; 因为所有这些都是forms事件。 我应该将$ .post（）附加到form.submit（）事件，如果是这样，我如何判断用户点击了哪个输入，或者 我应该将$ .post（）附加到图像点击，如果是这样，我该如何阻止表单提交。 这是我的jQuery代码现在的样子： $(“.vote_up, .vote_down”).click(function (event) { $form = $(this).parent(“form”); $.post($form.attr(“action”), $form.find(“input”).serialize() + { ‘submit’: $(this).attr(“value”) }, function (data) { // do something with data }); return false; // <— This doesn't prevent form from submitting; what does!? });

jQuery确保填写所有表单字段

我有一个简单的表单，我正在进行客户端validation。 要进行validation，不应将任何字段留空。 这是我的方式： function validateForm() { $(‘.form-field’).each(function() { if ( $(this).val() === ” ) { return false } else { return true; } }); } 出于某种原因，即使填写了所有字段，我的函数也总是返回false。