Enabling and disabling button

[José]

I have a form in coffeekup (using express, etc.) with some fields and
two buttons (update and close). I would like to enable the update
button only if a change occurred in the fields, otherwise I should
keep it disabled. I tried to use jQuery, but I am not really getting
around doing. Does any have any idea how to go about this?
thanks in advance
José

[David Noelte]

this doesnt have anything directly to do with coffekup 

what you looking for is javascript ie jquery that watches an element for changes and then enables the html element button which is the update button so you can click it.

you can accomplish this with jquery.change()

http://api.jquery.com/change/ 

this should get you further

[Jose G. Quenum]

David,

thanks for your response. Actually, I took a look at jquery as an alternative to get this done. I just don't know how to properly connect it to CoffeeKup.

For example, in my view I added the following script:

coffeescript ->

$('#title').on 'change', () ->

if $('#title').val().length is 0

$('#btn_update').attr('disabled', true)

else

$('#btn_update').attr('disabled', false)

with title being the id of an input for the title and btn_update the id of the update button. However, nothing happens when the values change. I am sure I am missing something to properly hook the script up with the button and trigger the right behavior. Can someone plz point it out?

thanks in advance

[Hypee]

Hi, 

The correct syntax is :

$('#title').change ->          

  console.log "change event"

But the event is fired only when the user leaves the input field, that's probably not what you want, so you might look at the .keyup() event instead.

[Jose G. Quenum]

thanks Hypee for your clarifications. The actual code that worked for me is:

show_title = ->

$('#title').change ->

if $('#title').val().length is 0

if all_boxes_empty()

$('#btn_update').attr('disabled', true)

else

$('#btn_update').attr('disabled', false)

$(show_title)