Stop LastPass filling out a form
Adding data-lpignore=”true” to an input field disabled the grey LastPass […] box for me. Sourced from LastPass.com
forms
Use CSS to automatically add ‘required field’ asterisk to form inputs
Is that what you had in mind? http://jsfiddle.net/erqrN/1/ <label class=”required”>Name:</label> <input type=”text”> <style> .required:after { content:” *”; color: red; } </style> .required:after { content:” *”; color: red; } <label class=”required”>Name:</label> <input type=”text”> See https://developer.mozilla.org/en-US/docs/Web/CSS/pseudo-elements
Prevent double submission of forms in jQuery
Update in 2018: I just got some points for this old answer, and just wanted to add that the best solution would be to make the operation idempotent so that duplicate submissions are harmless. Eg, if the form creates an order, put a unique ID in the form. The first time the server sees an … Read more
How to call a PHP function on the click of a button
Yes, you need Ajax here. Please refer to the code below for more details. Change your markup like this <input type=”submit” class=”button” name=”insert” value=”insert” /> <input type=”submit” class=”button” name=”select” value=”select” /> jQuery: $(document).ready(function(){ $(‘.button’).click(function(){ var clickBtnValue = $(this).val(); var ajaxurl=”ajax.php”, data = {‘action’: clickBtnValue}; $.post(ajaxurl, data, function (response) { // Response div goes … Read more
Tri-state Check box in HTML?
Edit — Thanks to Janus Troelsen’s comment, I found a better solution: HTML5 defines a property for checkboxes called indeterminate See w3c reference guide. To make checkbox appear visually indeterminate set it to true: element.indeterminate = true; Here is Janus Troelsen’s fiddle. Note, however, that: The indeterminate state cannot be set in the HTML markup, … Read more
Angular 2: Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
Figured out quick solution, update your @NgModule code like this : import { NgModule } from ‘@angular/core’; import { BrowserModule } from ‘@angular/platform-browser’; import { FormsModule } from ‘@angular/forms’; import { AppComponent } from ‘./app.component’; @NgModule({ imports: [ BrowserModule, FormsModule ], declarations: [ AppComponent ], bootstrap: [ AppComponent ] }) export class AppModule { } … Read more
Disable scrolling on “
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
form serialize javascript (no framework)
var form = document.querySelector(‘form’); var data = new FormData(form); var req = new XMLHttpRequest(); req.send(data); Though it seems to be working only for POST requests. https://developer.mozilla.org/en-US/docs/Web/API/FormData
Adding asterisk to required fields in Bootstrap 3
Use .form-group.required without the space. .form-group.required .control-label:after { content:”*”; color:red; } Edit: For the checkbox you can use the pseudo class :not(). You add the required * after each label unless it is a checkbox .form-group.required:not(.checkbox) .control-label:after, .form-group.required .text:after { /* change .text in whatever class of the text after the checkbox has */ content:”*”; … Read more
How to allow only one radio button to be checked?
Simply give them the same name: <input type=”radio” name=”radAnswer” />