javascript - Confirm box depending on input value -

-

i'm new javascript don't judge hard (any suggestions or comments highly appreciated).

i have form in rails app (haml file):

= simple_form_for(@book, remote: true) |f|   .row   .form-group     = f.input :book_title, as: :string, label: "title of book"     %br     = f.input :pages_number, as: :string, label: "number of pages"     %br   .form-actions     = f.button :submit, "create", class: "btn btn-success"     = link_to t('buttons.cancel'), '#', onclick: "$.modal.close()", class: 'btn btn-warning pull-right'

the action in controller opens form:

  def new     @book = book.new   end

the action in controller saves form:

  def create   end

what i'm trying check whether input number of pages bigger 10. i want create confirm box.

i trying save @pages_number = params[:pages_number] in create action, , use data: (@pages_number < 10 ? { confirm: "are sure?" } : nil) in view, didn't work.

do need use javascript in case?

always remember ruby = server; javascript = client

if evaluating against condition set server, code work.

however, since you're evaluating against dynamically created condition, you'll need use javascript determine whether value worth invoking confirm dialogue:

#app/assets/javascripts/application.js $(document).on("ajax:beforesend", "#form", function(event, xhr, settings) {    var $el    = $(this);    var $pages = $el.find("input[name='page_numbers']");    if ($pages.val() > 10) {       var response = confirm($el.data('confirm') || 'are sure?'); // not sure if pull rails confirm       if (!response) { return; }    } });

the above, although needs tweaking, should evaluate inputted value page_numbers box. if user not confirm, return, preventing progress.

as you're using ajax, use ajax:beforesend hook interject before request sent ajax driver. if weren't using remote: true, you'd want @ binding form.on("submit" method.

update

after lengthy chat discussion, resolved following:

#app/assets/javascripts/application.js function validateform() {  var x = $('.value').val();    if (x < 10) {      var res = confirm("are sure?");      if (res == false) { return false; }    }  }  #app/views/books/new.html.erb <%= form_for @book, onclick: "return validateform();", remote: true |f| %>

we used this reference.


Comments

Post a Comment

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

-
i beginner in autocad plugins .i have created array of circle using following code. now, have hatch circles in array .how that??how hatch circles @ once? moreover, how can return hatch method , use hatch objects.sorry language.thanks in advance. [assembly: commandclass(typeof(beamsection.class1))] namespace beamsection { public class class1 { //class1 obj = new class1(); [commandmethod("beamatsupport")] public void addlightweightpolyline() { // current document , database document acdoc = application.documentmanager.mdiactivedocument; database accurdb = acdoc.database; promptpointresult ppr = acdoc.editor.getpoint("\nselect starting point "); var ucs = acdoc.editor.currentusercoordinatesystem; point3d startingpt = ppr.value.transformby(ucs); list<double> radius = new list<double>(); radius.add(0.5);
Read more

ios - UITEXTFIELD InputView Uipicker not working in swift -

-
hello trying pop uipickerview view programmatically when user clicks on textfield. have tried doesn't doing anything. isn't working. nothing happening when click textfield class userprofiletableviewcontroller: uitableviewcontroller,uitextfielddelegate,uipickerviewdelegate,uipickerviewdatasource { var itempicker: uipickerview! = uipickerview() @iboutlet weak var gendertxtfield: uitextfield! var gender = ["male","female"] override func viewdidload() { super.viewdidload() gendertxtfield.delegate = self itempicker!.delegate = self itempicker!.datasource = self itempicker!.backgroundcolor = uicolor.blackcolor() self.gendertxtfield.inputview = itempicker } func numberofcomponentsinpickerview(pickerview: uipickerview) -> int{ return 1 } // returns # of rows in each component.. func pickerview(pickerview: uipickerview, numberofrowsincomponent component:
Read more

Python Pig Latin Translator -

-
so have been working on @ codecademy.com while trying learn python. don't know if blind , can't see why won't work or what. here's code won't let me use. function print variable if had typed in , print "empty" if didn't type anything. print "welcome english pig latin translator!" original = raw_input("what's name?") if len(original) > 0 print original else print "empty" if len(original) > 0 else the above lines contains syntax errors. try: if len(original) > 0: else: note added colons, ( : ).
Read more