我点击后使用了一些jquery来禁用表单提交按钮,以防止意外重复点击.这适用于除Firefox以外的所有浏览器.在Firefox中,如果用户使用浏览器"后退"按钮在发生提交按钮禁用后返回页面,则仍会禁用提交按钮.有没有解决这个问题的方法?
我在jsp中有一个表单.有两个提交按钮:"搜索"和"添加新"按钮.我已经为每个按钮设置了自己的方法属性.
<s:form name="searchForm" action="employeeAction" method="post">
<s:textfield name="id" label="Employee ID"/>
<s:textfield name="name" label="Employee Name"/>
<s:submit value="Search" method="doSearch"/>
<s:submit value="Add New" method="doAddNew"/>
</s:form>
Run Code Online (Sandbox Code Playgroud)
在struts.xml中
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
"http://struts.apache.org/dtds/struts-2.3.dtd">
<struts>
<constant name="struts.enable.DynamicMethodInvocation" value="false" />
<constant name="struts.devMode" value="true" />
<package name="default" namespace="/" extends="struts-default">
<default-action-ref name="index" />
<global-results>
<result name="error">/error.jsp</result>
</global-results>
<global-exception-mappings>
<exception-mapping exception="java.lang.Exception" result="error"/>
</global-exception-mappings>
</package>
<package name="example" namespace="/example" extends="default">
<action name="employeeAction" class="example.EmployeeAction">
<result name="search">/example/search.jsp</result>
<result name="add">/example/add.jsp</result>
</action>
</package>
</struts>
Run Code Online (Sandbox Code Playgroud)
在EmployeeAction类中
public class EmployeeAction …Run Code Online (Sandbox Code Playgroud) 我在jsp中有一个表单.有两个提交按钮:"搜索"和"添加新"按钮.
<s:form name="searchForm" action="employeeAction" method="post">
<s:textfield name="id" label="Employee ID"/>
<s:textfield name="name" label="Employee Name"/>
<s:submit value="Search"/>
<s:submit value="Add New"/>
</s:form>
Run Code Online (Sandbox Code Playgroud)
在 struts.xml
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
"http://struts.apache.org/dtds/struts-2.3.dtd">
<struts>
<constant name="struts.enable.DynamicMethodInvocation" value="false" />
<constant name="struts.devMode" value="true" />
<package name="default" namespace="/" extends="struts-default">
<default-action-ref name="index" />
<global-results>
<result name="error">/error.jsp</result>
</global-results>
<global-exception-mappings>
<exception-mapping exception="java.lang.Exception" result="error"/>
</global-exception-mappings>
</package>
<package name="example" namespace="/example" extends="default">
<action name="employeeAction" class="example.EmployeeAction">
<result name="search">/example/search.jsp</result>
<result name="add" type="redirect">/example/add.jsp</result>
</action>
</package>
</struts>
Run Code Online (Sandbox Code Playgroud)
在Struts Action类中,我们知道只有一种方法可以处理http请求,即execute()方法. …
我正在构建一个使用 mysql 作为后端的简单网站。我有一个表单,它有 2 个按钮,其中一个从 db 搜索数据并使用 Ajax 填充页面,另一个按钮将新值更新为 db。现在我的问题是我不能将两个按钮都用作“提交”按钮。
Ajax 方法和 Html 格式:
<script type="text/javascript">
$(document).ready(function(){
$(document).on('submit', '#update-form', function(){
var data = $(this).serialize();
$.ajax({
type : 'POST',
url : 'search.php',
data : data,
success : function(data){
$(".display").html(data);
}
});
return false;
});
});
</script>
<body>
<div id="update" class="tab-pane fade">
<form id="update-form" role="form" class="container" method="post" action="search.php">
<h3>Update details</h3>
<table class="display">
<tr class="space">
<td><label>File Number:</label></td>
<td><input type="text" class="form-control" name="filenum" required></td>
</tr>
</table>
<button type="submit" class="btn btn-default text-center" name="search_btn" >Search</button>
<button type="submit" …Run Code Online (Sandbox Code Playgroud) 我已经input[type="submit"]在这个JSFIDDLE中隔离了我.
代码也是,
input[type="submit"] {
width: 100%;
height: 40px;
background: #FFD100;
border-radius: 5px;
box-shadow: 0 5px 0 #A58B1E;
border: none;
font-size: 20px;
color: #2b2b2b;
cursor: pointer;
position: relative;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
input[type="submit"]:active, input[type="submit"]:focus {
box-shadow: 0 3px 0 #A58B1E;
top: 2px;
outline: none;
}
Run Code Online (Sandbox Code Playgroud)
当我在iphone上查看网站时,一切看起来都很棒.由于我的客户想要一个响应式网站,我认为我制作的这个按钮在每台设备上看起来都很棒.
哦,小伙子,我错了,因为在我的iphone上按钮真是太可怕了.我将图像包含在移动视图的外观和网站的网址中.
任何想法为什么会发生这种情况或我如何覆盖它?

注意:这是对旧帖子的重写,以澄清所询问的内容.
假设我有一个显示一组行的表单(例如,顺序中的行),我想在每行之外放置一个"删除"按钮,但不幸的是我不能为每一行创建一个表单.
另外,假设表单转到"通用操作路径",即"editCart"控制器.
为了示例,我们假设在表单中还有其他几个操作,例如向数量中添加一个.
这必须使用同一表单中的多个提交按钮来完成.
如果它只是一行,那很简单,只需在按钮上添加名称/值即可!完成!
<form action="/process-edition" method="post">
<div>My nice things</div>
<button type="submit" name="subAction" value="delete">Delete</button>
<button type="submit" name="subAction" value="addOne">+1</button>
</form>
Run Code Online (Sandbox Code Playgroud)
这就是说"嘿,行动的控制者/process-edition,我要做出subAction delete".或者"subAction addOne".
但是当我们有多行时,你需要说"删除这个产品"或"添加一个这个产品".
在这种情况下,您需要按钮提交两个值:a)subAction,b)要编辑的产品的ID.
<form action="/process-edition" method="post">
<ul>
<li>
Product 1234: 'orange'
<button type="submit" name="subAction" value1???="delete" value2???=1234>Delete</button>
<button type="submit" name="subAction" value1???="addOne" value2???=1234>+1</button>
</li>
<li>
Product 6789: 'lemmon'
<button type="submit" name="subAction" value1???="delete" value2???=6789>Delete</button>
<button type="submit" name="subAction" value1???="addOne" value2???=6789>+1</button>
</li>
</ul>
</form>
Run Code Online (Sandbox Code Playgroud)
我认为在这种情况下delete,addOne原始帖子要求的是"静态分配的值",1234并且6789将是来自数据库的"隐藏"值.按钮"知道"有关Id但不显示Id本身.
当然,这可以通过将多个表单设置为具有每个表单中的隐藏字段的多个不同控制器来解决.但是我们假设您已经受限于已经具有该表单的布局,并且您无法在其中创建多个表单,因此禁止您隔离要发送或不发送的隐藏字段.
邮政的原文:
必须从用户隐藏一个值,并且必须显示另一个值.从数据库中检索隐藏值,并且显示的值是静态分配的值?
目前,当文本区域被聚焦时,它会扩展它的高度,并显示发布和取消按钮.现在我想默认禁用提交按钮,只有在输入文本区域后才激活它.
稍后,我将向不活动的提交按钮添加不透明度,然后在按钮处于活动状态时将其移除以获得良好的效果.但无论如何,我尝试过多种方式应用残疾,但它不起作用.我已经尝试了各种其他的东西,比如定义一个click函数以及提交然后使用attr()将disabled禁用到我的表单的disabled属性,它似乎没有任何效果.
HTML
<div class="comment_container">
<%= link_to image_tag(default_photo_for_commenter(comment), :class => "commenter_photo"), commenter(comment.user_id).username %>
<div class="commenter_content"> <div class="userNameFontStyle"><%= link_to commenter(comment.user_id).username.capitalize, commenter(comment.user_id).username %> - <%= simple_format h(comment.content) %> </div>
</div><div class="comment_post_time"> <%= time_ago_in_words(comment.created_at) %> ago. </div>
</div>
<% end %>
<% end %>
<% if logged_in? %>
<%= form_for @comment, :remote => true do |f| %>
<%= f.hidden_field :user_id, :value => current_user.id %>
<%= f.hidden_field :micropost_id, :value => m.id %>
<%= f.text_area :content, :placeholder => 'Post a comment...', :class => "comment_box", :rows …Run Code Online (Sandbox Code Playgroud) 我的节点应用程序有一个 html 表单,如果提交它,它会显示 /code 和文本,但仅此而已,我无法重定向到我的主页。使用计时器提交到另一个页面后如何重定向?我尝试在 app.post 和客户端中执行此操作,但它不起作用
<form action="/code" method="post" >
<fieldset>
<input type="text" name="code" id="code"
style="text-align: center"
placeholder="Enter Code" /> <br> <br> <input
type="submit" class="btn btn-success" name="submit" id="submit"
value=" authentifizieren " />
</fieldset>
</form>
Run Code Online (Sandbox Code Playgroud)
应用程序.js
app.post('/code', function(req, res) {
var code = req.param("code");
res.writeHead(200, {'Content-Type': 'text/html'});
res.write('Code: '+code+');
res.end();
});
Run Code Online (Sandbox Code Playgroud)
我只想从 app.post /code 重定向回我的主页或任何其他网站。
我有一个迷你表单,我需要提交按钮值的长文本分为两行,以便它适合父div的宽度.我尝试设置提交按钮的宽度,但这不起作用.
有没有办法在这一行中添加一个"类",使其符合我的CSS样式表中的.button样式?
<?php submit_button(__('Update Profile')); ?>
Run Code Online (Sandbox Code Playgroud)
谢谢
submit-button ×10
css ×3
html ×3
javascript ×3
java ×2
jquery ×2
php ×2
struts2 ×2
action ×1
ajax ×1
back-button ×1
firefox ×1
form-submit ×1
forms ×1
ios ×1
iphone ×1
jsp ×1
node.js ×1
redirect ×1
wordpress ×1