相关疑难解决方法(0)

jQuery:如何在表单提交时点击哪个按钮?

.submit()为表单提交设置了一个事件.我在页面上也有多个表单,但这个例子只有一个.我想知道在没有.click()向每个提交事件应用的情况下点击了哪个提交按钮.

这是设置:

<html>
<head>
  <title>jQuery research: forms</title>
  <script type='text/javascript' src='../jquery-1.5.2.min.js'></script>
  <script type='text/javascript' language='javascript'>
      $(document).ready(function(){
          $('form[name="testform"]').submit( function(event){ process_form_submission(event); } );
      });
      function process_form_submission( event ) {
          event.preventDefault();
          //var target = $(event.target);
          var me = event.currentTarget;
          var data = me.data.value;
          var which_button = '?';       // <-- this is what I want to know
          alert( 'data: ' + data + ', button: ' + which_button );
      }
  </script>
</head>
<body>
<h2>Here's my form:</h2>
<form action='nothing' method='post' name='testform'>
  <input type='hidden' …
Run Code Online (Sandbox Code Playgroud)

forms jquery

218
推荐指数
13
解决办法
26万
查看次数

如何从表单提交事件中获取导致提交的按钮?

我正在尝试找到触发表单提交的提交按钮的值

$("form").submit(function() {

});
Run Code Online (Sandbox Code Playgroud)

我可以触发一个$("input [type = submit]").每个按钮的click()事件并设置一些变量,但这似乎不如在提交时从表单中拉出按钮的优雅.

jquery webforms

103
推荐指数
5
解决办法
8万
查看次数

表单onSubmit确定按下了哪个提交按钮

我有一个带有两个提交按钮和一些代码的表单:

HTML:

<input type="submit" name="save" value="Save" />
<input type="submit" name="saveAndAdd" value="Save and add another" />
Run Code Online (Sandbox Code Playgroud)

使用Javascript:

form.onSubmit = function(evnt) {
    // Do some asyncrhnous stuff, that will later on submit the form
    return false;
}
Run Code Online (Sandbox Code Playgroud)

当然,这两个提交按钮可以完成不同的事情.有没有办法找出onSubmit按下哪个按钮,所以稍后我可以提交thatButton.click()

理想情况下,我不想修改按钮的代码,只是有一个具有此行为的纯javascript插件.

我知道FF有,evnt.explicitOriginalTarget但我找不到其他浏览器的东西.

html javascript

93
推荐指数
6
解决办法
13万
查看次数

jQuery Validation插件有两个提交按钮?

我有一个表格,有大约50个字段和两个提交按钮,"SAVE"和"SAVE&SUBMIT".如果用户单击"保存",则仅验证某些值,例如.field1,field2.当用户点击"保存并提交"按钮时,它应验证所有50个字段并提交.

<form id="myform">
    <input type="text" name="field1" />
    <br/>
    <input type="text" name="field2" />
    <br/>
    <input type="text" name="field3" />
    <br/>
    <input type="text" name="field4" />
    <br/>
    <input type="submit" id="button1" value="Save" />
    <input type="submit" id="button2" value="Submit" />
</form>


$(document).ready(function () {

    $('#button1').click(function(){          
        $("#myform").validate({             
            rules: {
                field1: {
                    required: true                         
                },
                field2: {
                    required: true                        
                }
            },
            submitHandler: function (form) { // for demo    
                alert("data saved");
            }
        });
    }); 

    $('#button2').click(function(){
        $("#myform").validate({             
            rules: {
                field1: {
                    required: true                          
                },
                field2: {
                    required: true                           
                },
                field3: { …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-validate

15
推荐指数
1
解决办法
2万
查看次数

标签 统计

jquery ×3

forms ×1

html ×1

javascript ×1

jquery-validate ×1

webforms ×1