Angular cast select value to int
Use [ngValue] instead of “value”: <select [(ngModel)]=”selected.isConnected” id=”etat”> <option [ngValue]=”0″>Not connected</option> <option [ngValue]=”1″>Connected</option> </select>
forms
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” …
Symfony2 Setting a default choice field selection
You can define the default value from the ‘data’ attribute. This is part of the Abstract “field” type (http://symfony.com/doc/2.0/reference/forms/types/field.html) $form = $this->createFormBuilder() ->add(‘status’, ‘choice’, array( ‘choices’ => array( 0 => ‘Published’, 1 => ‘Draft’ ), ‘data’ => 1 )) ->getForm(); In this example, ‘Draft’ would be set as the default selected value.
changing the language of error message in required field in html5 contact form
setCustomValidity‘s purpose is not just to set the validation message, it itself marks the field as invalid. It allows you to write custom validation checks which aren’t natively supported. You have two possible ways to set a custom message, an easy one that does not involve Javascript and one that does. The easiest way is …
Input type number “only numeric value” validation
In the HTML file, you can add ngIf for your pattern like this, <div class=”form-control-feedback” *ngIf=”Mobile.errors && (Mobile.dirty || Mobile.touched)”> <p *ngIf=”Mobile.errors.pattern” class=”text-danger”>Number Only</p> </div> In .ts file you can add the Validators pattern –”^[0-9]*$” this.Mobile = new FormControl(”, [ Validators.required, Validators.pattern(“^[0-9]*$”), Validators.minLength(8), ]);
Trigger validation of all fields in Angular Form submit
What worked for me was using the $setSubmitted function, which first shows up in the angular docs in version 1.3.20. In the click event where I wanted to trigger the validation, I did the following: vm.triggerSubmit = function() { vm.homeForm.$setSubmitted(); … } That was all it took for me. According to the docs it “Sets …
How can I send a success status to browser from nodejs/express?
Express Update 2015: Use this instead: res.sendStatus(200) This has been deprecated: res.send(200)
How to get form values in Symfony2 controller
Simply : $data = $form->getData();
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’);
How to use formControlName and deal with nested formGroup?
you can use Form group which is basically a collection of controls ( controls mean the fields given in your html form) define in your typescript syntax and binded to your HTML elements using the formControlName directive ,for example this.myForm = fb.group({ ‘fullname’: [”, Validators.required], ‘gender’: [], ‘address’: fb.group({ ‘street’: [”], ‘houseNumber’: [”], ‘postalCode’: [”] …