.js.erb files are for controller actions, such as create, when you want javascript to be executed when the action completes. For example, when you want to submit a form via ajax and want display an alert when everything is done, you would put the $(‘#business_submit’).click(…) in your application.js or *.html.erb, and your create.js.erb could look … Read more
Let’s keep them simple, shall we. First off, using pure HTML + CSS: <div id=”emotion”> <input type=”radio” name=”emotion” id=”sad” /> <label for=”sad”><img src=”https://stackoverflow.com/questions/3896156/sad_image.png” alt=”I’m sad” /></label> <input type=”radio” name=”emotion” id=”happy” /> <label for=”happy”><img src=”happy_image.png” alt=”I’m happy” /></label> </div> This will degrade nicely if there’s no JavaScript. Use id and for attributes to link up the … Read more
Absolutely valid. <form action=”javascript:alert(‘Hello there, I am being submitted’);”> <button type=”submit”> Let’s do it </button> </form> <!– Tested in Firefox, Chrome, Edge and Safari –> So for a short answer: yes, this is an option, and a nice one. It says “when submitted, please don’t go anywhere, just run this script” – quite to the … Read more
You could use an image submit button: <input type=”image” src=”https://stackoverflow.com/questions/3381609/images/login.jpg” alt=”Submit Form” />
You can select the form like this: $(“#submit”).click(function(){ var form = $(this).parents(‘form:first’); … }); However, it is generally better to attach the event to the submit event of the form itself, as it will trigger even when submitting by pressing the enter key from one of the fields: $(‘form#myform1’).submit(function(e){ e.preventDefault(); //Prevent the normal submission action … Read more
Yes, it does apply for form layouts. Keep in mind that there are also tags like FIELDSET and LABEL which exist specifically for adding structure to a form, so it’s not really a question of just using DIV. You should be able to markup a form with pretty minimal HTML, and let CSS do the … Read more
1.) First off, what is the correct terminology for an array created on the end of the name element of an input tag in a form? “Oftimes Confusing PHPism” As far as JavaScript is concerned a bunch of form controls with the same name are just a bunch of form controls with the same name, … Read more
According to this: Do any browsers yet support HTML5’s checkValidity() method?, and this may not be the latest truth since HTML5 is a work in progress, the Form.checkValidity() and element.validity.valid should let you access validation information from JavaScript. Assuming that’s true, your jQuery would need to attach itself to the form submit and make use … Read more
Prevent the default behavior of the mousewheel event on input-number elements like suggested by others (calling “blur()” would normally not be the preferred way to do it, because that wouldn’t be, what the user wants). BUT. I would avoid listening for the mousewheel event on all input-number elements all the time and only do it, … Read more
Because you’re comparing strings, not integers. Use parseInt to explicitly cast your values as integers. Here’s essentially what you’re doing: jsFiddle example To do the conversion, change your variables to something like: var new_da1 = parseInt( document.getElementById(‘new_da1′).value, 10); (assuming they’re all integers)