1回答
这是jQuery提交表单代码。我想知道的是，如何使表单在成功提交后淡出，并在提交表单淡出后显示消息。此时，消息显示在results div中，表单保持原样。提前谢谢。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>JQuery Form Exam
浏览 0提问于2011-11-19得票数 1
回答已采纳
1回答
我正在测试一些jQuery。我编写了一个简单的jsp页面，该页面在提交时使用jQuery并返回结果。
代码如下：
<head>
<script type="text/javascript">
$(function(){
$("#hide2").click(function()
{
$("#result2").hide();
});
///////////////////////
//some jquery c
浏览 0提问于2015-07-17得票数 0
2回答
所以我已经这样做了几次，它起作用了，但是由于某种原因，我的表单这次不起作用了。当我提交表单时，jQuery使用mail.php进行最后一次验证。然后，它要么提交它，要么返回带有错误的表单。
所以基本上，当我提交有错误的表单时，它会返回相应的错误，但当我更正值并尝试重新提交时，它不会重新提交。
代码如下：
<html>
<head>
<title>Contact Form Example</title>
<script type="text/javascript" src="js/jquery.js&#
浏览 1提问于2011-08-22得票数 1
回答已采纳
我想使用react-hotkeys hook中的useHotKeys提交一个带有react-hook-form的表单 我已经附加了一个代码沙箱来尝试这个。我想要在单击热键和单击提交按钮时提交表单。这可以做到吗？ https://codesandbox.io/s/react-hoot-form-usehotkeys-009rk?file=/src/App.js
浏览 50提问于2021-04-21得票数 0
回答已采纳
我正在尝试将recaptcha v3放在表单上，但是在第一次提交时，将令牌插入到隐藏的输入字段中并不起作用。 这是我修改过的代码。我添加了一个警告，并停止了sumbit以查看发生了什么。这段代码在一个单独的bundle.js文件中。 var form = document.querySelector('#contact-form');
var inputs = form.querySelectorAll('input');
$(form).submit(function(e) {
e.preventDefault();
grecaptcha.ready
浏览 154提问于2020-12-23得票数 0
我们当前绑定到提交按钮的单击事件(我们没有绑定到表单的提交事件是有原因的)。是否保证我们的JS将在表单提交之前运行(因为我们正在向想要提交的隐藏字段输入值)，或者我们是否需要阻止表单提交，然后再次调用提交？
$(function() {
$('#button').on('click', function() {
// Do some stuff here - needs to finish before the form submits
return true;
});
});
提前感谢！
浏览 0提问于2013-08-19得票数 0
1回答
我在提交表单时触发了这个sweetalert。
<script src="{{ asset('themes/js/sweetalert.min.js') }}"></script>
<script>
$('.btn-danger').click(function(event) {
event.preventDefault();
var form = $(this).parents('#form-delete');
swal({
浏览 16提问于2022-12-01得票数 -2
1回答
我有一个名为FileReader JS的filesize.js文件，其中包含函数getsize()，该函数在发布表单之前检查图像文件的大小以进行客户端验证。
<script type="text/javascript" src="js/filesize.js"></script>
filesize.js:
function getsize(){
var oFile = document.getElementById("file").files[0]; // input box with type file;
var rea
浏览 1提问于2013-06-02得票数 0
1回答
我需要我的联系人表单来验证和有一个AJAX提交。
因此，我创建了这个非常棒的PHP和Vanilla JS AJAX表单，最后让它正常工作，然后决定添加一些验证。
对于上述验证，我首先查看了Validate.js，但后来发现它已被弃用，并使用了一个新的插件Bouncer.js()。
话虽如此，Bouncer.js和我的AJAX函数并不能很好地配合使用。根据文档，有一个地方可以放置我的AJAX函数，我只是不知道如何翻译它，以便验证和请求一起工作。
文档：
// Detect a successful form validation
document.addEventListener('bo
浏览 0提问于2019-08-27得票数 1
1回答
我正在制作一个模块，它接受用户输入，验证它，并根据用户输入显示图片。下面是我的代码：
<?php
function fisheye_menu()
{
$items = array();
$items['examples/form-example'] = array( //this creates a URL that will call this form at "examples/form-example"
'title' => 'Fishe
浏览 0提问于2015-10-28得票数 0
1回答
使用一个函数在单独的iframe中提交2个表单，然后在父页面上提交一个表单。(奇怪的问题是)我的方法在一台计算机上似乎工作得很好，在另一台计算机上，它只在父页面上提交表单。浏览器是相同的(firefox，相同的版本)。我想知道为什么会发生这种情况，以及如何解决这个问题。下面是html和函数
<form id="projects" method="post">
...
<input type="submit" class="button-primary" value="" &g
浏览 1提问于2014-09-05得票数 1
我试图简单地从background.js中从popup.js调用一个函数。但是，我得到了“未经检查的runtime.lastError:消息端口在收到响应之前关闭”。错误。
我最初的“握手”消息运行良好，没有错误，但是我的“AnotherMessage”得到了上面的错误。
我试图跟踪onMessage和sendMessage文档，找到了，但我可能做错了什么。
popup.js
//works perfectly fine
chrome.runtime.sendMessage({msg:"Handshake"}, response => {
if(response.
浏览 1提问于2020-01-25得票数 2
响应中找到的脚本标记中的JS代码执行的jQuery究竟是什么？
例如，当不像下面这样使用jQuery AJAX时，我看到使用eval()经常被描述为这样做的一种方式：
因此，在这些情况下，eval可以执行代码的魔力。我没有看到eval在jQuery AJAX调用中的使用。
jQuery魔术
$("#form").submit(function() {
$.ajax({
type : "POST",
url : 'process_form.php',
data : $(&#
浏览 4提问于2016-03-17得票数 0
每当用户提交表单时，我都会收听该表单。我有两种方式提交我的表格。
单击提交的表单提交表单
当用户选择li时
当我单击要提交的表单按钮时，侦听器在File1.js中检测到它，但当用户单击li以使函数items_sold(event);执行时，表单提交，但侦听器不执行。
为什么会发生这种事？
<form class="shop_form" id="shop_form" method="get">
<input name="items" type="text" id="sh
浏览 0提问于2020-07-03得票数 1
回答已采纳
我正在使用react.js，我有一个表单，我提交给一个API，该表单工作得很好，直到我想清除字段为止。实际上，有一个字段，特别是文件输入。我无法让它重新设置为“”，我尝试过创建一个files=属性，并通过状态和一切来控制它。什么都没起作用，我错过了什么？
我只想重设它时，有一个成功的提交。
什么是正确的方法。
<input
type="file"
name="js-case-upload"
className="form-control-static"
filename={this.state.files}
浏览 4提问于2016-05-27得票数 1
回答已采纳
jQuery打开我的表单操作，而不是在不更改页面的情况下提交表单。我现在要做的是，我不希望页面在提交表单时刷新，因为我希望在提交/加载进度条时集成它。谢谢你的帮助。
下面是用于验证和重定向的jQuery：
<script type="text/javascript" src="../javascript/jquery.js"></script>
<script type="text/javascript" src="../javascript/jquery.validate.js"></s
浏览 3提问于2013-08-30得票数 0
我有这个代码，要求用户输入值和提交。
html
<form id="myForm" method="post" action="saving.php">
<p><label for="input1">Input 1:</label>
<input type="text" size="10" name="input1" id="input1" />
浏览 0提问于2013-01-04得票数 1
回答已采纳
我提交一个表单到后端，然后重新呈现组件，以获得一个新项目的列表。现在，我正在componentDidUpdate函数中重新呈现：
componentDidUpdate() {
this.props.fetchListStart();
}
我的提交表格看起来如下：
<form
onSubmit={e => {
e.preventDefault();
this.props.submit();
this.props.close();
}}
>
<div className="row" style={{ textAlign
浏览 1提问于2018-09-11得票数 0
回答已采纳
2回答
难以理解如何在Ajax提交后实现表单重置。我尝试在this.reset();函数之后调用success，但仍然得到：
form-submit.js:11 Uncaught SyntaxError: Unexpected identifier
这是可行的，但我遗漏了什么/没有正确地做什么，这一直给我这个错误？
(如果这是转发，请告诉我正确的问题，几天后我还没有找到解决问题的答案。)谢谢。)
$( "form" ).on( "submit", function( event ) {
event.preventDefault();
console.log(
浏览 1提问于2017-06-20得票数 0
回答已采纳
2回答
JS:回调函数未执行
、、、
我遵循JS代码进行表单提交，我将表单提交保存在一个名为submitForm的函数中，这样它就可以处理多个表单，只需将selector和action值传递给submitForm函数。
function submitForm(selector, action, onComplete) {
var response
$(selector).submit(function (e) {
e.preventDefault();
var data = $(this).serializeArray();
$.ajax({
type: 'POST',
浏览 0提问于2013-04-13得票数 0
1回答
我正在开发一个使用jquery格式验证的引导引导程序模式表单。我需要将提交按钮放在模式页脚中，当提交时，它应该通过表单验证插件进行验证，并执行Ajax。
下面是我的代码，当按下submit1按钮时，它可以正常工作，但按钮在模态体内。当我使用模态页脚上的submit2按钮提交表单时，它不做任何事情就关闭模型。
Submit1按钮需要在模式页脚内，或者Submit2按钮进行验证。需要你的帮助。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"&
浏览 1提问于2015-05-10得票数 1
2回答
我使用的是Jquery表单验证库：
jquery-validate.js
当用户提交表单时，我滑下一个div，它有一个必须选中才能继续的复选框：
if(!$('#agreeConfirm').is(':checked')){
alert('Please tick to agree to our terms and conditions');
$('.termsAgree').slideDown();
return true;
}
这在很大程度上是因为表单不被提交，并且警报与提供复选框的slideD
浏览 2提问于2013-08-21得票数 0
我有这个代码来调用一个表单，然后提交它。
<?php
// hook_menu
function pricepackages_menu()
{
$items = array();
$items['membership/packages'] = array(
'title' => t('Manage Membership Packages'),
'page callback' => 'drupal_get_form',
'pa
浏览 3提问于2014-10-23得票数 1
1回答
我有一个表单，它有一个复选框字段。
此字段附带了一个ajax回调。
$form['checkboxes'] = array(
'#type' => 'checkboxes',
'#title' => 'test',
'#ajax' => array(
'callback' => 'mymodule_ajax_callback',
'wrapper' => 'test-wrapper
浏览 0提问于2019-08-28得票数 0
第一次提问...我页面上的此链接
<a onclick="$('#mainbody').load('pages/login.php', tester());">Login</a>
生成此表单
<form id="form">
<b>Email Address:</b> <input type="email" name="usrEmail" placeholder="email address" required
浏览 0提问于2013-02-12得票数 2
回答已采纳
2回答
我有一个form_tag，它将用户的搜索远程提交给Rails控制器方法，该方法以JS格式返回结果。
我如何自动提交此表格：
当用户输入至少2个字符时
当用户暂停至少1秒时？
浏览 1提问于2011-06-20得票数 0
回答已采纳
1回答
是否存在访问redux窗体的组件方法的问题。我希望我的上传按钮提交表单，如果用户没有选择任何文件，那么我将打开文件选择对话框。
我的代码
UploadModal.js
import React from 'react';
import Form from './components/Form';
class UploadModal extends React.Component {
constructor(props) {
super(props)
this.onSubmit = this.onSubmit.bind(
浏览 2提问于2020-04-21得票数 1
回答已采纳
我的表单上有两个提交按钮。一个是普通的submit按钮，它调用my\_form\_submit like-ah-so：
$form['fieldset']['submit'] = array(
'#type' => 'submit',
'#value' => 'Show Applications',
);
我想添加另一个按钮，它将提交表单，但调用不同的提交处理程序。有没有办法做到这一点？我已经考虑过将#submit属性添加到类似-ah-so的元素中：
$form['fie
浏览 10提问于2009-09-11得票数 2
回答已采纳
当我提交我的表单时，只有弹出框才会出现，没有任何查询结果。我有两个提交按钮，它触发了我的php脚本的查询。查询结果应显示在弹出框中。我想，我的jquery代码应该有问题。这是我的代码：
<div class="md-modal md-effect" id="modal">
<div class="md-content" id="content">
<h3>Query Results</h3>
<div id="result"><?php inc
浏览 1提问于2015-06-28得票数 1
回答已采纳
3回答
我正在检索一个表单(通过XMPP，XEP-0004)，为它创建一个交互式表单对话框，然后在对话框关闭时提交表单。
代码(为了简单起见大致近似)：
function form(name, callback) {
server.getForm(name, function(response) {
callback(response.formFields, function (data) {
server.submitForm(name, data);
});
});
}
function main() {
form('example', f
浏览 2提问于2016-04-18得票数 0
回答已采纳
我想在流星js中使用这个插件。
现在当我$('form').validate(); console.log
我得到了
[form.mainForm, selector: "form", context: document, jquery: "1.11.0", constructor: function, toArray: function…]
我原以为真是假的，那么当验证是真或假时，我就可以提交表单了。
这是我的提交活动。
Template.contactSubmit.events({
'submit form': funct
浏览 2提问于2014-10-18得票数 0
回答已采纳
1回答
我试图将表单数据发送到一个名为attendants的表中。我已经创建了表单、AJAX和查询，但是在尝试测试时(提交表单时)，我在控制台上看到了一个POST http://localhost/rsvp/wp-admin/admin-ajax.php 400 (Bad Request)错误。
不确定是什么导致了这一点，因为当我运行console.log(ajaxurl);时，它返回的URL是http://localhost/rsvp/wp-admin/admin-ajax.php，这是正确的。
不知道这里发生了什么？
编辑:我最近发现http://localhost/rsvp/wp-admin/a
浏览 2提问于2020-05-21得票数 0
回答已采纳
1回答
在我的Laravel应用程序中，我提交了一个带有vue和axios的表单。提交后，我想清除表单中的输入字段，但它不能工作。
HTML:
<form method="post" enctype="multipart/form-data" v-on:submit.prevent="addPost">
<textarea id="post_area" v-model="content"></textarea>
.....
</form>
JS:
const app
浏览 1提问于2017-08-15得票数 0
回答已采纳
1回答
构建了一个简单的JQuery/Ajax时事通讯注册表单，然后返回添加JQuery验证。我对javascript/jquery不是很有经验；我在这方面已经工作了几天了，我的想法也是一筹莫展。
每个脚本都单独工作。如果删除了提交代码，验证器就可以正常工作(尽管它可以很好地处理指定的表单操作URL )。在删除了验证器代码后，提交脚本可以很好地工作。但是，如果两者都准备就绪，则不会进行验证，表单仍将通过提交脚本提交。
我所有尝试整合这两者的尝试都以惨败告终。
显然，我遗漏了一些相当重要的东西。即使在正确的方向上有最轻微的推动，也会受到极大的赞赏
下面是完整的代码：
<html>
<h
浏览 0提问于2011-07-31得票数 2
回答已采纳
在Post requests中，<?php echo $form->errorSummary($model) ?>在提交表单后自动出现在页面上，并显示表单错误的摘要。如何使它出现在Ajax请求上？
编辑：
以下是我的视图文件：
<div class="form" >
<?php
$form = $this->beginWidget('CActiveForm',array(
'id'=>'change-profile-form',
浏览 1提问于2013-04-12得票数 1
1回答
提交请求post接口后如何调用函数？使用react js函数。注意，我已经创建了一个构造函数。提交请求post接口后如何调用函数？使用react js函数。注意，我已经创建了一个构造函数。 fetchData() {
request.get(
{
url: "http://test.com/api/employee"
},
function(error, response, body) {
var bodyJson = JSON.parse(body);
this.setStat
浏览 31提问于2019-06-30得票数 0
回答已采纳
我正在寻找:使用required="true“进行固有html 5表单验证的方法，如果用户单击”提交“按钮，发生的第一件事是自动html 5验证，它检查”用户名“是否由用户提供。如果不是，则显示丑陋的错误气泡。
但是，如果提供了它，我就可以使用自己的自定义验证来检查数据库中是否存在该用户名。如果是，则返回true (允许提交)，否则返回false。发生了什么:表单正在被提交。就像它不等待成功回调返回true/false来决定是否应该提交一样。
我希望这已经足够清楚了！代码如下：
html：
<form>
<input type="text" requi
浏览 0提问于2011-11-08得票数 2
回答已采纳
1回答
条纹柱通过AJAX将烧瓶
、、、
我正在尝试使用一个函数，在提交条带表单时发送ajax请求。我尝试过使用.submit()，但它似乎没有做任何事情。我想做的是：
HTML
<form action="/download_data" method="post" id="paymentForm">
<script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
浏览 1提问于2017-09-25得票数 1
回答已采纳
我将表单定义如下：
form = crud.update(db.table, table_id, next=URL('nextpage'))
crud.settings.update_onaccept = myfunction()
在表单提交之后，但在加载下一页之前，我需要再次调用myfunction()。是否有我可以设置的crud设置，在表单提交后调用函数？
浏览 0提问于2016-02-19得票数 0
回答已采纳
只有在按下submit按钮(该按钮设置提交给1的变量的整数值)时，我才试图运行function，但是在控制台中接收到此错误，在变量设置为1之后，该函数没有运行：
未定义的ReferenceError:未定义提交
$("form#form1").submit(function(event) {
event.preventDefault();
var submitted = 1; // set the integer value of the variable submitted to 1
});
if (submitted == 1) { /
浏览 6提问于2017-02-04得票数 1
回答已采纳
我正在使用meteor.js中的meteor.js()包，以确保将正确的输入放入表单中。
在提交时，我使用reactiveVar来更改视图输出。如果验证测试已通过，我如何更改reactiveVar？
看起来是这样的：
thissite.js：
Template.inquiry.onCreated( function() {
//toggles 'thank you' on inquiry template
this.showForm = new ReactiveVar( true );
});
Template.inquiry.onRendered(funct
浏览 6提问于2016-02-25得票数 0
回答已采纳
2回答
我只需要使用jQuery禁用表单提交。但它不起作用。
<form action="" id="pro_register_form">
First name:<br>
<input type="text" name="firstname" value="">
<br>
Last name:<br>
<input type="text" name="lastname" value=""
浏览 2提问于2016-12-02得票数 0
回答已采纳
1回答
更改表单的操作
、、、
如何使用javascript和onsubmit按钮更改表单的操作。虽然我在jsp文件中使用js更改了操作表单，但是什么都没有发生，页面也不会改变。有办法调试js吗？ 如何在单击“提交”按钮后立即更改表单的操作属性？ <form id="cust" name="cust" method="post" onsubmit="return myAction()">
<table style="with: 50%">
<tr>
<td>a<
浏览 13提问于2021-08-03得票数 0
我正在使用ajax提交表单，如何将成功的数据传递回提交页面？我通过TRON网络提交事务，因此响应是一个具有事务ID的数组，我希望返回到提交页面。
在php中，我会使用-
$exchange_array = array(
'success' => '1',
);
echo json_encode($exchange_array);
然后在JS中
var success = data['success'];
但现在我用JS返回数据，如下所示-
$(".form").submit(function(e) {
浏览 0提问于2020-09-18得票数 0
2回答
我有这样的代码，它不需要刷新就提交到数据库，但是问题是当它被发送时，变量仍然保留在textfield中。
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>
$(document).ready(function(){
$("form").on('submit',function(event){
event.preventDefault();
data = $(this).se
浏览 5提问于2014-06-07得票数 0
回答已采纳
2回答
使用，是否有一种方法可以确定表单是否有效，而无需重新验证表单。
根据上的这个问题，我正在侦听invalid-form.validate事件，以便在表单验证并有错误时向用户显示自定义错误。
根据关于如何的问题，表单提交后，我将禁用submit按钮，但前提是表单是有效的，这样用户就可以采取纠正措施，并在表单清理完毕后重新提交。
现在的问题是invalid-form.validate两次开火。
由于invalid-form.validate事件在表单提交处理程序之前触发，所以我已经知道错误的数量。方法是否将错误数量保留在我可以对照该值检查的地方，而不是重新验证表单。
下面是堆栈片段中的一个示例。在填
浏览 2提问于2015-02-23得票数 4
回答已采纳
1回答
在我的程序中，它有一个验证函数，如果有错误，它将阻止表单提交并显示错误消息，否则它会console.log("Success")，但是即使没有任何错误，也不能提交我的表单。如果没有错误，是否仍然要启用状态代码200？因为现在表单阻止我提交，因为状态代码400
快递
function validateSignup(data,callback) {
"use strict";
var USER_RE = /^[a-zA-Z0-9_-]{2,25}$/;
var PASS_RE = /^.{6,100}$/;
浏览 2提问于2013-11-29得票数 0
回答已采纳
2回答
远程验证导致表单提交两次(并输入成功/错误处理程序两次)。原始的是一个ASP.NET MVC应用程序，它具有不引人注目的验证和用于AJAX提交的jQuery表单，但我已经能够简化为以下内容：
remote.json
“真”
test.html
<!doctype html>
<title>test</title>
<form action="" method="post">
<input name="foo" type="text" value="fo
浏览 3提问于2013-12-11得票数 4
我在旧的asp.net old应用程序中使用了Knockoutjs。我有要求在asp.net提交按钮点击时，我必须作为JS库异步调用并获得响应，然后发布asp.net提交(即启动asp.net按钮点击事件)？
Knockoutjs中有没有一种方法可以等待异步调用的响应，然后提交？我的问题是，因为asp.net是同步的，当我异步调用JS库时，表单甚至在我收到JS库的响应之前就提交了。
self.onButtonClick = function () {
var jsdatatosubmit = {
param1: '123',
param
浏览 2提问于2016-10-12得票数 0
我有一个AngularJS控制器，它将表单数据传递给Spring控制器。当我用GET方法直接调用Spring控制器时，spring控制器返回jsp页面，因为它的response.This工作得很好。当我通过提交按钮中的TypeError: string is not a function调用控制器时，我得到了铬控制台中的ng-click。
表格:-
<form name="empForm" ng-controller="insertEmpCtrl" >
Name: <input type="text" class=&
浏览 1提问于2014-04-24得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
