相关疑难解决方法(0)

如何防止按钮提交表单

在下一页中,使用Firefox,删除按钮提交表单,但添加按钮不提交.如何阻止删除按钮提交表单？

<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
function addItem() {
  var v = $('form :hidden:last').attr('name');
  var n = /(.*)input/.exec(v);
  var newPrefix;
  if ( n[1].length == 0 ) {
    newPrefix = '1';
  } else {
    newPrefix = parseInt(n[1])+1;
  }
  var oldElem = $('form tr:last');
  var newElem = oldElem.clone(true);
  var lastHidden = $('form :hidden:last');
  lastHidden.val(newPrefix);
  var pat = '=\"'+n[1]+'input';
  newElem.html(newElem.html().replace(new RegExp(pat, 'g'), '=\"'+newPrefix+'input'));
  newElem.appendTo('table');
  $('form :hidden:last').val('');
}
function removeItem() {
  var rows = $('form tr');
  if ( rows.length > 2 ) …

Run Code Online (Sandbox Code Playgroud)

html javascript forms submit button

Kha*_*npo

2009 06-01

858
推荐指数

14
解决办法

63万
查看次数

用于客户端表单验证和交互的最佳JavaScript解决方案？

我们的网络表格非常复杂.什么是可扩展表单验证的最佳解决方案,最好是与jQuery一起使用的解决方案？

背景:

我们的网站有一些Ajax,但真正关注的是通过大约20个多页表单或"向导"的用户体验.这些形式很复杂.

演示:某些字段是浮点数或整数.验证意味着剥离非十进制字符,但我们还要确保,如果用户进入5价格字段,该字段将更新为5.00.
副作用:某些字段在更新时会产生副作用.例如,更新项目的价格或数量需要更新小计字段.
窗口小部件驱动的元素:某些字段是隐藏的,并且由窗口小部件填充值.例如,地图窗口小部件可让您指向某个位置,隐藏字段将使用纬度 - 经度坐标进行更新,但该位置必须位于特定区域内.
组:某些字段是组,例如地址/城市/州/邮政编码,并且只应在填充所有字段时进行验证.
服务器端验证:某些字段的验证需要通过Ajax请求进行后端检查
每页多个表单:有时用户需要在使用其他表单打开对话框之前填写一个表单.框架必须比绑定更通用onSubmit- 我们有时使用Ajax从同一页面按顺序发布多个表单.(例如,我们让用户一次注册并创建一个小部件,但由于遗留系统,该流需要两个POST请求.)
可自定义的错误显示:有时错误出现在字段上方,有时字段样式会发生变化,我们的新设计会针对某些错误调用类似工具提示的弹出窗口(ala qTip).
快速:用户体验是关键,触觉反馈很重要.任何解决方案
提交按钮:单击提交按钮需要验证所有内容然后显示响应 - 但由于某些验证是异步发生的.