Twitter Bootstrap表格。 如何捕获在表单中输入的值？

Question

I am a Twitter Bootstrap newbie and I had to dive in to the deep end a bit. I have a project where I have a form embedded in a modal. The form is used to pass values to a JS object. There is no server involvement at all.

The form: http://getbootstrap.com/css/?#forms

The modal: http://getbootstrap.com/javascript/#modals

I have a few questions:

1. How and where are values captured/stored in the form when I press "submit"?
2. How do I pass these values back to my JS object.

Note: I have been getting up to speed on custom data attributes. Do they play a role here?

UPDATE Here is the form code I am using:

<form class="form-horizontal" role="form">

  <div class="form-group">
    <label for="inputFilterMinimum" class="col-sm-2 control-label">Minimun</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="inputFilterMinimum_TRACK_LABEL" placeholder="Minimum">
    </div>
  </div>

  <div class="form-group">
    <label for="inputFilterMaximum" class="col-sm-2 control-label">Maximum</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="inputFilterMaximum_TRACK_LABEL" placeholder="Maximum">
    </div>
  </div>

  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-default">Apply</button>
    </div>
  </div>

</form>

So the idea is I want to convey the minimum and maximun values to a JS object I have implemented when I press the "Apply" button.

Answer 1

You can capture the variables on close of the modal and use them in anyway you want. This is using jQuery UI's dialog function:

$( "#MyDialog" ).dialog({
                autoOpen: false,
                height: 300,
                width: 350,
                modal: true,
                buttons: {
                    "Save": function() {
                        $('#name').val($('#firstname').val() + " " + $('#lastname').val());
                        $( this ).dialog( "close" );
                    },
                    "Cancel": function() {
                        $( this ).dialog( "close" );
                    }
                },
                close: function() {
                    //do what you want with the values here
                    $('#firstname').val("");
                    $('#lastname').val("");
                }
            });

            $( "#name" ).click(function() { $( "#MyDialog" ).dialog( "open" ); });
        });

JSFiddle Example