html - Create action is called by every button (not only "submit" one) -


i have form transaction, text , select fields. there text-field date, use jquery.ui.datepicker. i've hidden text-field , use buttons instead ("today", "yesterday", , "calendar-icon" buttons). "yesterday" , "today" buttons change value of hidden field, call submit action , create transaction if other fields filled or cause internal server error status 500. need call create action click on submit button.

this create action of transaction_controller.rb

def create     if @transaction.save       respond_to |format|         format.html { redirect_to root_url }         format.js       end     else       render 'pages/index'     end   end

this transaction_form new transaction action.

<%= form_for @transaction, remote: true |f| %>     <%= render 'shared/error_messages', object: f.object %>     <div class="form-row">       <%= f.text_field :name, class: 'input-medium', 'placeholder' => 'name' %>       <%= f.text_field :amount, class: 'input-small', 'placeholder' => '$' %>       <%= f.submit 'add', class: 'btn btn-primary' %>     </div>      <%= f.collection_select :category_id, current_user.categories.all, :id, :name, {}, class: 'input-medium' %>     <%= f.collection_select :account_id, current_user.accounts.all, :id, :name, {}, class: 'input-small' %>     <%= f.text_field :date, 'value' => date.today %>      <div class="btn-group" id="transaction_date_group">       <button class="btn active" id="transaction_today">today</button>       <button class="btn" id="transaction_yesterday">yesterday</button>       <button class="btn dropdown-toggle" data-toggle="dropdown" id="transaction_date_dropdown">         <i class="icon-calendar"></i>       </button>     </div>  <% end %>

this create.js.erb

$('#transactions_table').prepend('<%= j render(@transaction) %>'); $('#new_transaction').each(function () {     this.reset(); }); <% if @transaction.category_id == current_user.categories.first.id && current_user.categories.first.balance == @transaction.amount %> $('#categories_table').append('<%= j render(@category) %>'); <% end %> $('#edit_category_<%= @transaction.category_id %>').replacewith('<%= j render(@category) %>'); $('#edit_category_<%= @transaction.category_id %>').hide().fadein('slow'); $('#edit_account_<%= @transaction.account_id %>').replacewith('<%= j render(@account) %>'); $('#edit_account_<%= @transaction.account_id %>').hide().fadein('slow'); $('#accounts_total').replacewith('<td id="accounts_total"><%= current_user.accounts.sum(:balance) %></td>'); $('#accounts_total').hide().fadein('slow');

and transaction.js.coffee, used datepicker showing , changing classes of buttons, while clicking.

jquery ->   $("#transaction_date").datepicker dateformat: "yy-mm-dd"    $("#transaction_date_dropdown").click ->     if $("#transaction_date_group").hasclass 'open'       $("#transaction_date").datepicker 'hide'     else       $("#transaction_date").datepicker 'show'       $("#transaction_today").removeclass 'active'       $("#transaction_yesterday").removeclass 'active'    $("#transaction_yesterday").click ->     $("#transaction_today").removeclass 'active'     $("#transaction_yesterday").addclass 'active'     yesterday = moment().add('days', -1).format 'yyyy-mm-dd'     $("#transaction_date").val yesterday    $("#transaction_today").click ->     $("#transaction_yesterday").removeclass 'active'     $("#transaction_today").addclass 'active'     today = moment().format 'yyyy-mm-dd'     $("#transaction_date").val today

thanks!

from fine specification:

a button element no type attribute specified represents same thing button element type attribute set "submit".

so this:

<button class="btn active" id="transaction_today">today</button>

is, in fact, submit button , submit buttons submit forms. if don't want <button>s submitting form, using type="button" button:

<button type="button" class="btn active" id="transaction_today">today</button>

some older ies default type="button" despite (or in spite) of specification says should always specify type attribute when use <button>.


Comments

Post a Comment

Popular posts from this blog

Change php variable from jquery value using ajax (same page) -

what i'm trying this: i've php global variable $currentid , simple jquery script check if there "id" (page) in hash of url , if yes wanted give value $currentid . i've been reading lot , notice shall use ajax i'm not managing it. my code is: <script type="text/javascript"> $(document).ready(function(){ if (parent.location.hash != '' ) { var thecurrentid = parent.location.hash.split('#')[1]; $.ajax({ url: 'my.php', //current page type: 'post', data: {theid: thecurrentid }, datatype: 'json', success: function () { } }); } // code here }); </script> could me please? thank in advance. php server side language, meaning once has sent data browser, php variables , data cannot changed... however, using ajax, can send request php page , change data in dom based on result. consider th...
Read more

Pull out data related to my apps from Android Play Store and iOS App Store -

i want pull out data related apps (ratings, reviews, etc) google play store , apple app store ? how can accomplish ? i have found open source apis google mentioned not reliable. also there paid apis (e.g. appfigures) available. has idea how able pull data these play stores ?? i looking direction on how can accomplish this. can suggest ? we (appfigures) have been working on developing infrastructure give ability reviews , bunch of other data points major app stores several years :] we make available via our api though may want check out.
Read more

How can I fetch data from a web server in an android application? -

i want retrieve data web server in android application, , don't know begin. should use web services? i recommend these tutorials: connect android php , mysql , json in android , php , mysqli i used these tutorials , managed trying working without difficulty. between them describe each step in how attempting @ each stage, android application, database , web server side , has information included can process , use received information the thing add connect android php , mysql tutorial makes use of mysql_ in php deprecated. better use mysqli why included third link. the basic outline of want this: 1) in android app make request server php script using class this: import java.io.bufferedreader; import java.io.ioexception; import java.io.inputstream; import java.io.inputstreamreader; import java.io.unsupportedencodingexception; import java.util.list; import org.apache.http.httpentity; import org.apache.http.httpresponse; import org.apache.http.namevaluepair...
Read more