I am trying ng-required for the first time and it is solving my problem of validations. I just need to know how can I provide my custom messages with validations provided by ng-required. The fields on which ng-required is applied are dynamically generated with ng-repeat. So the custom messaged need to contain the field name.
Related
I have one field that's not bind to any form element, but I would like to add required validation to it like I have for any other fields that are bind to some controls. I tried to use
<input type="hidden" name="requiredField" ng-model="vm.requiredField" required />
but while field was marked as $invalid and the whole form was still $valid.
Do you have any idea how to make such validation?
Eventually it looks like it should works. The reason why it doesn't work for me is because there was hidden code that changed $invalid field manually. I found it by using such script: https://github.com/paulirish/break-on-access
I want to apply empty values validation on my page, but the question is if there are any other ways rather than using form tag or using ng-form directive?
I think you cannot without Form tag or ng-form directive(AngularJS) to achieve empty validation. Under Form section only we can able to get
$error
$required
predefined tags will be available.
I am Struggle With Dynamic Form Validation In My Current Project, in my Form Having Two Fields like User Name and Email, Both Are Mandatory.
If User Click Add-More(Up to 2 times only) Button Then Same above fields are came. those two fields are also Mandatory. if user removes those fields validation will not be work
I Already Wrote those 2 fields(3 times) just, I Kept ng-hide and ng-show,
And My Code is below,
enter code here
I have Added My Code To Plunker:
http://plnkr.co/edit/ErJl2Kg8maOn5GLaz9mb?p=preview
Avoid to use ng-hide or ng-show.
Prepare on model i.e. JSON Array and bind using ng-repeat and write associated code in JavaScript.
Example: Click here for Example
Use ng-required="showUser2" instead of just required.
In an AngularJS-form a field is still required even when its hidden.
That means when you hide your required form input field with ng-hide or ng-show then the AngularJS FormController completeProfile still treats the form as $invalid.
To get dynamic forms how you want them you can use ng-if to hide your unwanted input fields. Input fields inside of a ng-if are not considered by the form validation logic.
I updated your Plunker. The submit button is only shown when the form is valid.
I have a form with some tabs.Each tabs has set of some controls which are binded using angularjs and has ng-model .I want to check whether user has entered or modified any data in a particular tab during submit.
myForm.$dirty will check whether user has interacted with the form. But I need to check controls are filled in particular tabs and give some appropriate messages . So can i check angularjs watch or ng-dirty for each controls and verify that user has modified data. Is there any other good solution for the same?
In angularjs you can make very different validations when using forms and classes like ng-dirty and ng-touched.
This way u can check wether determined control has been modified.
ng-dirty: the control has been interacted with
ng-touched: the control has been blurred
Also you can check validity or other similar things.
U have all the docs at:
https://docs.angularjs.org/guide/forms
Anyway, you can also check this with the FormController
https://docs.angularjs.org/api/ng/type/form.FormController
And then show the messages with angular directives for bootstrap (see Modals)
https://angular-ui.github.io/bootstrap/
As you say, you have different controls and you need to show different messages depending on the control and on the user´s input. Then I think the way you musts code it, is by looking for ng-dirty or ng-touched
There you have an example about how using it:
http://www.w3schools.com/angular/angular_validation.asp
Hope it can help!!
Suppose I have 3 fields on a Silverlight based xaml page
Color, Size and SurpriseMe
where none of the fields are required and SurpriseMe is a checkbox initially set to checked.
I want to create the following behavior:
When SurpriseMe is cleared,
Display the required field data annotations for Color and Size
Enforce the required Validation
When SurpriseMe is checked,
Remove the required field data annotation
remove the restriction
Is there any easy way to do this?
You need to provide custom validation (see CustomValidationAttribute). You can roll your own or use a library like Fluent Validation.
You need to use a custom validation.