jQuery dialog ui on button click with function not working

Question

I am trying to get the following logic to work. Any suggestions would be greatly appreciated.

here is what I'm trying to do..

if <input type="button" name="filter" id="filter" value="Save / Change" /> is clicked.

then check if requiredFields() returns true

if requiredFields() returns true

then display jQuery UI dialog

from jQuery dialog action

set form field, change form action, submit form, change form action back to original action

 jQuery(function($)
 {
 $("#filter").on("click", function() {

    if(requiredFields()) {
      $("#dialog").dialog("open");
      $( "#dialog" ).dialog({
        resizable: false,
        height:175,
        modal: true,
        position: {
          my: "center top",
          at: "center top",
          of: window
        },
        buttons: {
          "Yes": function() {
            $( this ).dialog( "close" );

            $('input[name="setAccess"]').val('1');

            $("#myForm").attr("action", "submit.epl");
            $( "form:myForm" ).submit();
            $("#myForm").attr("action", "form.epl");


          },
          "No": function() {
            $( this ).dialog( "close" );

            $('input[name="setAccess"]').val('');

            $("#myForm").attr("action", "submit.epl");
            $( "form:myForm" ).submit();
            $("#myForm").attr("action", "form.epl");

          }
        }
      });
    }
 });
});

Have you checked the console log for errors?

ron tornambe
– ron tornambe

2014-07-30 18:42:01 +00:00
Commented Jul 30, 2014 at 18:42 — ron tornambe
– ron tornambe, Commented Jul 30, 2014 at 18:42

A. Wheatman · Accepted Answer · 2014-07-30 20:16:40Z

1

Here is Fiddle demo

I would suggest to change your workflow a bit... I would suggest to initialize modal dialog immediately on document ready event with autoOpen: false and later just use $("#dialog").dialog("open"); method to open it.

answered Jul 30, 2014 at 20:16

A. Wheatman

6,4366 gold badges48 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery dialog ui on button click with function not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related