【用文字链接代替表单提交的按钮】教程文章相关的互联网学习教程文章

javascript – React – 在表单提交后清除输入值【代码】

我遇到了一个相当愚蠢的问题.我正在创建我的第一个React应用程序,我遇到了一个小问题,在提交表单后我无法清除输入值.一个尝试谷歌搜索这个问题,在这里发现了一些类似的线程,但我无法解决这个问题.我不想更改组件/应用程序的状态,只是将输入值更改为空字符串.我尝试在onHandleSubmit()函数中清除输入的值,但是我收到了一个错误:“Cannot set property ‘value’ of undefined”.我的SearchBar组件:import React, { Component } fr...

javascript – 如何在表单提交到_blank后刷新表单页面?【代码】

我有一个HTML表单,其目标是_blank.我希望提交表单的页面在提交后重新加载. 所以这里是一些示例标记:<form method="POST" action="result.php" target="_blank"><label for="name">Name:</label><input type="text" name="name" /><label for="email">Email:</label><input type="email" name="email" /><input type="submit" value="submit" /> </form>因此,当您提交此表单时,它将在新窗口或选项卡中POST到result.php.这样就保留了...

javascript – 表单提交导致’超出最大调用堆栈大小’【代码】

我创建了一个用于审查网站上某个人的表单,但是当提交表单时没有任何反应,控制台显示“超出最大调用堆栈”.希望有人可以帮助指出我的代码中的错误,阻止它工作.这是表单代码:<form id="fReviewMe" method="post" action="/process/review-p.cfm" enctype="multipart/form-data" style="display:none"><label style="padding-top:10px"><i class="fa fa-asterisk magenta"></i> Your Name:</label><input type="text" name="uname" i...

javascript – 表单提交时检查文件类型?【代码】

我的表格有以下字段,<form onsubmit="return checkcreateform()" action="/gallery/create" method="post" enctype="multipart/form-data"><label>Type:*</label><label for="type-1"><input type="radio" checked="checked" value="1" id="type-1" name="type">Image</label><br><label for="type-2"><input type="radio" value="2" id="type-2" name="type">Video</label> <label class="itemdetailfloatL required" for="file"...

javascript – 没有页面刷新的表单提交【代码】

参见英文答案 > Submit form without page reloading 17个也许有人可以帮我解决我遇到的这个小问题.我试图在没有页面刷新的情况下提交此表单.但它会跳过帖子并直接转到ajax调用.我想我想念了preventDefault().我在网上搜索但无法找到我需要的东西.非常感谢您的帮助或指向另一个表单提交. HTML下面:<!DOCTYPE html><html> <head> <title>AJAX | Project</title><link href="project.css" rel="...

javascript – 如何在表单提交后保留级联下拉列表选定的项目?【代码】

当页面加载一切正常.但是当我提交表单时,我的下拉列表在页面刷新后丢失了之前选择的项目. 如何修改我的函数以初始化下拉列表并保留之前选定的项目(两者都存在). 这是我用javascript初始化我的下拉列表的视图:@model Models.Book@{ViewBag.Title = "Index"; }@section scripts { <script type="text/javascript">$(function() {$.getJSON("/Home/Books/List", function(data) {var items = "<option>--------------------</option>...

如何使用javascript写“表单提交完成”?【代码】

我在页面中有一个表单加载,这个表单有一个按钮,它的功能是提交此表单.$('#MyForm').submit();我想要一种方法来编写提交完成功能,意味着知道表单已成功/完全提交. 我尝试了jquery表单插件,但没有用,我认为因为提交来自表单外的按钮. 有谁知道任何不同的方式?解决方法:实际上,您可以使用jquery表单插件,只需使用ajaxSubmit()方法. Documentation for the jQuery form plugin.// setup the form, and handle the success $('#myFormI...

Javascript闭包 – 表单提交在我告诉之前被触发【代码】

我试图将一些简单的逻辑包装到javascript / jquery闭包中以将表单绑定到jQuery validate.普通代码看起来像这样……// attach the jquery unobtrusive validator $.validator.unobtrusive.parse("#formName");// bind the submit handler to unobtrusive validation. $("#formName").data("validator").settings.submitHandler = function() {viewModel.Save( $("#formName" ) ); };工作奇妙.我只是想把它包起来,让它变得更干净.所以...

javascript – 输入类型=“提交”按钮onClick:jQuery replaceWith阻止表单提交【代码】

我有以下HTML:<input class="button" name="save" onclick="$(this).replaceWith('<img src=http://www.example.com/images/ajax-loader.gif />');" type="submit" value="SUBMIT">单击该按钮时,表单不再尝试提交,而是用转动的AJAX加载gif替换自身,并且不执行任何操作.如果我删除onclick部分,它会提交. 长话故事,这是为了客户,但我不能以形式给他们相同的东西$(function() { $(input[name=save]).on({click:function() { $(this)....

javascript – 确定触发表单提交事件的元素

我将在前言中说我非常熟悉点击事件,并知道我可以在表单提交按钮上注册点击事件,因为许多其他答案都会解释.我的问题更深层次. 表单可以通过其他方式提交,而不是点击提交:我想当用户按下输入同时专注于输入/选择,甚至按空格键或输入时专注于提交按钮本身…我想成为能够获得对提交表单的元素的引用. This answer似乎有希望,但我不确定如何“看到”他提到的价值观.我做了a codepen演示. *编辑:我更新了codepen以反映下面接受的答案. ...

javascript中制作简单的动态表单提交【代码】

代码 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>注册页面</title> <style>*{margin: 0px;padding: 0px;box-sizing: border-box;}body{background: url("背景图片的url") no-repeat center;padding-top: 25px;}.rg_layout{width: 900px;height: 500px;border: 8px solid #EEEEEE;background-color: white;margin: auto;}.rg_left{float: left;margin: 15px;}.rg_left > p:first-child{color:#FFD026;fo...

javascript – 谷歌应用程序脚本:html – 表单提交,获取输入值【代码】

我正在尝试使用带有表单的侧边栏来获取用户输入.该代码绑定到Google表格文件.Code.gs:function onOpen() {SpreadsheetApp.getUi().createMenu('Custom Menu').addItem('Show sidebar', 'showSidebar').addToUi(); }function showSidebar() {var html = HtmlService.createHtmlOutputFromFile('Page').setTitle('My custom sidebar').setWidth(300);SpreadsheetApp.getUi().showSidebar(html); }function processForm(formObject) ...

如何通过JavaScript检测表单的提交方式?【代码】

我有一个包含多个提交按钮的表单,我正在通过JavaScript监听“提交”事件.我想知道哪个提交按钮或表单字段(如果用户按下’Enter / Return’)触发了提交事件.有没有办法获取用户点击或按下“输入/返回”的HTML元素? 更新,因为人们不理解我: 这是在提交表单之前通过JavaScript.不允许服务器端检测.我还需要通过用户按Enter或Return来处理提交的表单. 码<form action="" method="POST"><input type="text" name="first_name"><input ...

javascript – AngularJS与Ajax表单提交需要单击两次【代码】

我需要从我的HTML页面执行以下活动: >用户输入电子邮件和密码进行注册>当用户单击“提交”时,将向表单发送表单> Control使用AJAX为RESTful Server创建JSON请求服务器响应相应.>根据服务器的响应,用户应该获得警报窗口,并且a消息打印在“提交”下面的当前页面(register.html)上.如果是“成功 – 注册”或“失败 – 不能寄存器”. 但是,目前它的工作方式如下:1),2),3)按预期工作. >用户首先单击“提交”并使用相应的消息获取警报窗...

javascript – 如何防止“您确定要离开此页面吗?”表单提交时提醒?【代码】

我有一个简单的html表单,其中包含很少的字段. 我想确保用户在尝试离开页面时收到警告消息.所以我在页面上添加了脚本,只要用户试图离开此页面,该脚本就会运行. 但是当用户尝试提交表单时,我也收到此警报消息.当用户保存表单时,我不想要此警报消息. 请帮忙. 下面是一些示例代码.<html><head><script>function verifyexit() { return 'Are you sure ?'; } window.onbeforeunload = verifyexit;</script> </head> <bo...

链接 - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部