I want to create A formik FieldArray component for Listing of phone numbers with - & + buttons - formik

This is how i created a FieldArray
And this is my intialValues object
how to validate it?

Related

fluent ui nortstar FormDropdown make it required field

how can we make the the dropdown in the Nortstar Form as a required field?
is it possible to do so ?
in the Fluent ui Form for the textarea and input component we have required Field so onsubmit it validates the input Form shows to fillout for required fields
https://codesandbox.io/s/zgpqse?module=/example.js
But for dropdown we don't have anything as such. how do we validate the Dropdown with required field?
we can disable the submit button based on hooks but it would be good if we have a required field
https://codesandbox.io/s/cokfqy?module=/example.js

Edit Redux Form with FieldArray

I have create a Redux Form with FieldArray as mentioned in its example, where you can add multiple Member and Hobbies and Submit the Form.
https://redux-form.com/8.1.0/examples/fieldarrays/
Can we Edit the same Form by accessing the form from database? The Edit form should display all the fields and Button I have created before ?
Please advise how different sub-component(which is created using FieldArray ) will populate the values.
Thank you
You can reuse the same form for editing.
A field array is mapped into redux as array of objects or array of strings (depending how you do the fields.push).
If you provide that exact format to the initialValues prop when you mount the redux form, it will populate the FieldArray accordingly

Outlook 2016 - Modify Appointment Window

Wondering if there is a way to modify the Appointment window in outlook 2016 to add new fields?
A resource field that would be a drop down menu containing
different alphanumeric text field selections.
A Numeric data type entry field.
A Text data type entry field.
Thanks in advance.
Yes, you can create a custom form based on the IPM.Appointment class or create a form region associated with that class. See: https://msdn.microsoft.com/en-us/vba/outlook-vba/articles/customizing-form-pages-and-form-regions.
You can also host your UI in a custom Windows Form on a custom Task Pane adjoining the Appointment window by using a .NET add-in.

Conditional Aurelia Validation on Visibility of Element

I'm trying to work out some license subscription form with aurelia and aurelia validation plugin.
I have a fieldset for personal information where most of them are required and get validated by aurelia validation.
Now I also have a fieldset for credit card information and for billing address with also fields that are required and validated. The thing is, they only get displayed when the user picks the subscription radio button.
I have all the required fields in the ValidationRules, how can I tell aurelia that it should only validate the ones that are currently visible?
You can use conditional validation with the when fluent method. Here is an example from the Aurelia Docs.
ValidationRules
.ensure('email')
.email()
.required()
.when(order => order.shipmentNotifications)
.withMessage('Email is required when shipment notifications have been requested.');
If you use if.bind on your element, the hidden element will not get validated.
Unless you want the element in your DOM but only hidden, use if.bind.
That way, your element is not rendered in dom, so not validated.
show.bind -> hide/show element
if.bind -> render/not render element

Bootstrap 3 email validation without form

I have a text field to input email. Based on the email inputted, href of 2 anchor tags are need to be generated. So I need to validate the input field without a form or submit. Or the email should be validated on clicking the link. I also need the email validation popover of bootstrap 3.
Reference
The 2 links are the images below the text field.

Resources