Here’s a page describing the differences (basically you can put html into a <button></button> And an other page describing why people avoid <button></button> (Hint: IE6) Reference: <button> vs. <input type=”button” />. Which to use? Also have a look at this slideshow about button.
Not sure what your routes look like but if you have an update action it should work with the link_to. If you go with the link make sure you use a method of PUT or POST (ideally PUT because it’s an update): link_to(“Unlink your facebook account”, user_path(@user, :facebook_uid => nil), :method => :put, :confirm => … Read more
There is no charset parameter defined for this media type. For the encoding guidelines, see https://url.spec.whatwg.org/#application/x-www-form-urlencoded . The application/x-www-form-urlencoded standard implies UTF-8 and percent-encoding. Though: A legacy server-oriented implementation might have to support encodings other than UTF-8 as well as have special logic for tuples of which the name is _charset. Such logic is not … Read more
You can’t move the value of one file input to another. Instead, clone the input, place the clone where the original is, and move the original into the hidden form. $(“.inputfield1”).change(function(){ var $this = $(this), $clone = $this.clone(); $this.after($clone).appendTo(hiddenform); });
The control-label class is useful for validation states, that’s why we need it in all labels even the fields bootstrap’s documentation doesn’t mention. We can see it in the bootstrap source code when it is defining the has-success, has-warning, etc classes: https://github.com/twbs/bootstrap/blob/bfb99413eefbbe2e8fbb1e477cbfa63ea7d36140/dist/css/bootstrap-rtl.css#L3242 As you can see, it uses the control-label class not the label element. … Read more
$(‘form[name=contact]’).submit(function(){ // Maybe show a loading indicator… $.post($(this).attr(‘action’), $(this).serialize(), function(res){ // Do something with the response `res` console.log(res); // Don’t forget to hide the loading indicator! }); return false; // prevent default action }); See: jQuery docs: post jQuery docs: serialize
I had a similar issue which was resolved by calling the event.preventDefault() method. This would need to be called in your ‘onSubmit’ function i think const onSubmit = jest.fn(e => e.preventDefault()); edit: woops forgot to invoke it! 😅
The only way to trigger the native error is to submit the form. Although you can set a custom message with setCustomValidity (as described in my answer here) and you can trigger the invalid event with checkValidity, this only provides hooks for you to create your own validation UI. Here’s a simple example you can … Read more
Print the whole page Try adding a button that calls window.print() <input type=”button” value=”Print this page” onClick=”window.print()”> Print a specific portion/container in a page <div id=”print-content”> <form> <input type=”button” onclick=”printDiv(‘print-content’)” value=”print a div!”/> </form> </div> then in the HTML file, add this script code <script type=”text/javascript”> function printDiv(divName) { var printContents = document.getElementById(divName).innerHTML; w=window.open(); w.document.write(printContents); … Read more