onsubmit 相关问题

添加表单标签并提交常量后页面不再显示

在添加表单和导航元素之前，页面显示得足够好。没有错误，但数据不再随反应应用程序显示 刚接触 Reactjs 有一个工作（很好的页面显示

如何阻止机器人使用 .submit() 绕过我的“必填”字段？

我有一个表单会产生大量垃圾邮件。我已完成所需的所有输入并附加了验证码。这没有产生任何影响。 我假设机器人出于某种原因正在使用 form.submit()

NextJS 14 服务器操作抛出“无法重新定义属性”错误

我正在开发一个 NextJS 14 项目，并努力实现新的服务器操作功能，该功能在一段时间前引入了我的 NextJS 作为常规 API 调用的替代方案。这是一个精简版...

当有多个表单时，提交事件会被多次触发

我在一个php页面中有多个表单， 我像这样在parentForm数组中添加了表单 ParentForm.push($('.js-address-form 表单')); 问题是当我提交一份表单时 onsubmit 事件被触发......

在 javascript 中预览表单

我需要你的帮助。我快到了.. ：） 我想在提交之前预览我的表单。但是 form.submit();不起作用。 这是我的代码： HTML： 我需要你的帮助。我快到了..:) 我想在提交之前预览我的表单。但是 form.submit();不起作用。 这是我的代码： HTML： <form action="" method="post" name="frmaction" onSubmit="return preview(this);"> <label>First Name:</label> <input name="fname" type="text" size="40" value="" /> <label>Last Name:</label> <input name="lname" type="text" size="40" value="" /> </form> Javascript： <script> function preview(form){ var dia_log; $( "label" ).each(function(i,val) { dia_log +=$(this).text() + " " + $(this).next().val()+"<br/>"; }); dia_log =dia_log.replace('undefined', ''); $.confirm({ 'title' : 'Are all these information is correct?', 'message' : dia_log, 'buttons' : { 'Yes' : { 'class' : 'blue', 'action': function(){ form.submit(); } }, 'No' : { 'class' : 'gray', 'action': function(){} } } }); return false; } </script> JQuery： (function($){ $.confirm = function(params){ if($('#confirmOverlay').length){ // A confirm is already shown on the page: return false; } var buttonHTML = ''; $.each(params.buttons,function(name,obj){ // Generating the markup for the buttons: //buttonHTML += '<a href="#" class="button '+obj['class']+'">'+name+'<span></span></a>'; buttonHTML += '<input type="submit" class="button '+obj['class']+'" value="'+name+'"/>'; if(!obj.action){ obj.action = function(){}; } }); var markup = [ '<div id="confirmOverlay">', '<div id="confirmBox">', '<h1>',params.title,'</h1>', '<p>',params.message,'</p>', '<div id="confirmButtons">', buttonHTML, '</div></div></div>' ].join(''); $(markup).hide().appendTo('body').fadeIn(); var buttons = $('#confirmBox .button'), i = 0; $.each(params.buttons,function(name,obj){ buttons.eq(i++).click(function(){ // Calling the action attribute when a // click occurs, and hiding the confirm. obj.action(); $.confirm.hide(); return true; }); }); } $.confirm.hide = function(){ $('#confirmOverlay').fadeOut(function(){ $(this).remove(); }); } })(jQuery); 希望得到你的回复。 非常感谢。 首先，您应该从 HTML 代码中删除 onSubmit="return preview(this);"，因为这违反了 w3c 标准。相反，请在表单中使用提交 <button>。 <form action="" method="post" name="frmaction"> <label>First Name:</label> <input name="fname" type="text" size="40" value="" /> <label>Last Name:</label> <input name="lname" type="text" size="40" value="" /> <button type="submit" name="submit">Submit</button> </form> 其次，当单击提交按钮时，您没有应用e.preventDefault，而且我也找不到像$.confirm这样的插件。我建议使用默认的 JavaScript confirm()。这是正确的代码： <script type="text/javascript"> //Register the click-submit event $('form').on('click', function(e) { e.preventDefault(); preview($(this)); }); function preview(form){ var dia_log; $( "label" ).each(function(i,val) { dia_log += $(this).text() + " " + $(this).next().val() + "<br/>"; }); dia_log = dia_log.replace('undefined', ''); if ( confirm("Are all these information is correct? " + dia_log) ) { alert('yes is clicked'); form.submit(); } else { alert('no is clicked'); } /* In any case you should consider to remove the following alignment style because is unproductive! The eye is distracted by the alignment/appearance and not focuses at the important stuff. $.confirm({ 'title' : 'Are all these information is correct?', 'message' : dia_log, 'buttons' : { 'Yes' : { 'class' : 'blue', 'action': function(){ form.submit(); } }, 'No' : { 'class' : 'gray', 'action': function(){ //Here you had to apply return false; return false; } } } }); */ } </script> 如果有的话请提供$.confirm的网址。我想看看它是如何工作的。 您可以在 e.preventDefault() 中使用 Javascript。 <form onsubmit="preview(event)"> ... </form> const preview = (e) => { e.preventDefault(); const form = $(e.target); form.find("input").forEach(inp => { console.log(inp.value) }) }

如何向提交按钮添加一个功能，该功能显示<div>提交点击后提交的表单，而无需浏览器重新加载[关闭]

我有一个div包含一些样式和文本，例如提交的表单，还尝试添加动画，一旦单击表单提交，div就会淡入我使用javascript来调用该函数，但它不工作...

嗨，我如何向提交按钮添加一个功能，该功能显示提交点击后提交的<div>表单，而无需重新加载浏览器[关闭]

我有一个div包含一些样式和文本，例如提交的表单，还尝试添加动画，一旦单击表单提交，淡入div，我使用javascript来调用该函数，但它不工作...

在 ngForm 中，每次单击操作按钮都会导致提交表单

我有一个 ngForm，它有多个按钮，除了提交表单的按钮外，每个按钮都有 diff 操作，例如，简单地更改用于 *ngIf 条件检查的状态。然而，每次...

Form 不进入函数内部，它一直忽略 ```onSubmit``` 上的函数，并按照 React 中的默认方式执行？

我想将表单提交给 Node.js，但是每当我按下提交按钮时，页面都会重新加载，所以我使用 console.log() 来确保它确实在该函数内部，但它没有工作不……

在 React POST 请求中使用 formData.append() 时事件开始和结束时间设置不正确

我目前正在开发一个 React 项目，我需要在其中创建一个事件并将其保存到数据库中。该项目的前端是使用 React 构建的，我将事件详细信息作为 JSON 对象发送

React：如何使用onSubmit来改变状态？

我对React相当陌生，只用它完成过几个项目。我目前正在尝试创建一个表单，使用onSubmit将 "isSubmitted "的状态从false改为true。当"...

我的html表单在提交时没有调用密码验证功能，代码有什么问题吗？

function passwordvalidation() #validate if password is strong and if botth passwords are equal { var x=document.forms["signup"]["psw"].value; var y=...</root>

在提交表格时通过JS进行数字验证

我不知道我做错了什么......似乎不能让这个表格在我没有输入任何东西和提交时显示警报...... function validate() { ...</root>

JS AJAX：承诺依赖提交总是提交

最后，我设法做到这一点：function validar(dato_a_validar, url, secc) { var datastr = "secc=" + secc + "&dato=" + dato_a_validar; return new Promise(function(resolve, ...

无法以提交回调或Shopify Polaris React组件的形式获取更新的值

问题摘要嗨，团队，我是Polaris的新手，正在尝试通过以下代码从“ react”中导入React，{useCallback，useState}创建react注册表单； import {Button，Form，FormLayout，...

用于Google表格的脚本，它将Google表单提供的时间戳转换为6-8位数字

GoogleForm是用于产品库存的。我以全职志愿者的身份在Food Rescue非营利组织工作，对不起，我很抱歉。我已经制作了一个记录托盘信息的表格，我想使用...

表单验证失败，但提交页面

我有一个使用GET作为方法的表格。我想对表单进行一些js验证。我使用document.forms [0] .onsubmit = function（）{return myObj.myFrm.isFormValid（）;}绑定事件。在...

带有事件的jquery.submit函数

我们正在使用Google Recaptcha v3编写表单。表单需要在实际提交之前获取令牌。一位同事编写了此代码，即可正常工作，该表单提交没有任何问题。但是我是...

提交多个具有相同字段名称的输入字段-ReactJs

我有一个播放器表单，需要多个播放器输入，提交后，所有播放器都会添加到mongodb集合中。我不确定最好的方法是处理多个输入。代码...

在用React单击Submit时尝试添加一些文本

请参阅图片有人可以帮我弄清楚为什么当我单击“提交”时，我只显示一个新选项卡，而不显示文本。我已经附上了一张图片，以便您可以看到单击后显示的内容...