Firefox keeps form data on reload
Just add autocomplete=”off” to your inputs and you will solve the problem. <input type=”text” autocomplete=”off”> jQuery to solve this on all inputs and textareas $(‘input,textarea’).attr(‘autocomplete’, ‘off’);
forms
within not entirely working, only the last is processed
This is a bug in state saving of <ui:repeat> in Mojarra. There are several similar issue reports at http://java.net/jira/browse/JAVASERVERFACES, among others issue 2243. You have basically 2 options: use another iterating component (e.g. <c:forEach>, <h:dataTable>, <t:dataList>, <p:dataList>, etc), or replace Mojarra by MyFaces (the <ui:repeat> in this construct works properly in there).
Can you require two form fields to match with HTML?
Not exactly with HTML validation but a little JavaScript can resolve the issue, follow the example below: function check() { var input = document.getElementById(‘password_confirm’); if (input.value != document.getElementById(‘password’).value) { input.setCustomValidity(‘Password Must be Matching.’); } else { // input is valid — reset the error message input.setCustomValidity(”); } } <p> <label for=”password”>Password:</label> <input name=”password” required=”required” type=”password” … Read more
What is the right way to POST multipart/form-data using curl?
The following syntax fixes it for you: curl -v -F key1=value1 -F upload=@localfilename URL
What causes the “control.registerOnChange is not a function” error
Yes, that error message is a bit cryptic, but if you use FormBuilder, you would see this when you added a control to FormGroup in your component and named it “A”, but then either forgot to add input with formControlName=”A” to your template, or formControlName for the intended input is not A, or empty, or … Read more
How to open a new window on form submit
No need for Javascript, you just have to add a target=”_blank” attribute in your form tag. <form target=”_blank” action=”http://example.com” method=”post” id=”mc-embedded-subscribe-form” name=”mc-embedded-subscribe-form” class=”validate” >
Disable submit button when form invalid with AngularJS
You need to use the name of your form, as well as ng-disabled: Here’s a demo on Plunker <form name=”myForm”> <input name=”myText” type=”text” ng-model=”mytext” required /> <button ng-disabled=”myForm.$invalid”>Save</button> </form>
HTML slider with two inputs possible?
I’ve been looking for a lightweight, dependency free dual slider for some time (it seemed crazy to import jQuery just for this) and there don’t seem to be many out there. I ended up modifying @Wildhoney’s code a bit and really like it. function getVals(){ // Get slider values var parent = this.parentNode; var slides … Read more
Angular 4 Form FormArray Add a Button to add or delete a form input row
Here’s a shortened version of your code: When you init your form, you can add one empty formgroup inside your formArray: ngOnInit() { this.invoiceForm = this._fb.group({ itemRows: this._fb.array([this.initItemRows()]) }); } get formArr() { return this.invoiceForm.get(‘itemRows’) as FormArray; } Then the function: initItemRows() { return this._fb.group({ // list all your form controls here, which belongs to … Read more
How can I conditionally require form inputs with AngularJS?
There’s no need to write a custom directive. Angular’s documentation is good but not complete. In fact, there is a directive called ngRequired, that takes an Angular expression. <input type=”email” name=”email” ng-model=”contact.email” placeholder=”[email protected]” ng-required=’!contact.phone’ /> <input type=”text” ng-model=”contact.phone” placeholder=”(xxx) xxx-xxxx” ng-required=’!contact.email’ /> Here’s a more complete example: http://jsfiddle.net/uptnx/1/