Giving Made Easy
Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Fill Form
Lorem ipsum dolor sit amet ulit telus amet
Confirm
Lorem ipsum dolor sit amet ulit telus amet
Success
Lorem ipsum dolor sit amet ulit telus amet
Donation Form
<${props.Select}
className=${"mf-input mf-input-select " + ( validation.errors['mf-select'] ? 'mf-invalid' : '' )}
classNamePrefix="mf_select"
name="mf-select"
placeholder="${ parent.decodeEntities(`Select`) } "
isSearchable=${false}
options=${[{"label":"Paypal","value":"value-1","isDisabled":false},{"label":"Stripe","value":"value-2","isDisabled":false},{"label":"Credit Card","value":"value-3","isDisabled":false}]}
value=${parent.getValue("mf-select") ? [{"label":"Paypal","value":"value-1","isDisabled":false},{"label":"Stripe","value":"value-2","isDisabled":false},{"label":"Credit Card","value":"value-3","isDisabled":false}].filter(item => item.value === parent.getValue("mf-select"))[0] : []}
onChange=${(e)=> parent.handleSelect(e, "mf-select")}
ref=${() => {
register({ name: "mf-select" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false}));
if ( parent.getValue("mf-select") === '' && false ) {
parent.setValue( 'mf-select', '', true );
parent.handleChange({
target: {
name: 'mf-select',
value: ''
}
});
}
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-select"
as=${html``}
/>
<${props.Select}
className=${"mf-input mf-input-select " + ( validation.errors['mf-select'] ? 'mf-invalid' : '' )}
classNamePrefix="mf_select"
name="mf-select"
placeholder="${ parent.decodeEntities(`Select`) } "
isSearchable=${false}
options=${[{"label":"One-time","value":"value-1","isDisabled":false},{"label":"Weekly","value":"value-2","isDisabled":false},{"label":"Monthly","value":"value-3","isDisabled":false}]}
value=${parent.getValue("mf-select") ? [{"label":"One-time","value":"value-1","isDisabled":false},{"label":"Weekly","value":"value-2","isDisabled":false},{"label":"Monthly","value":"value-3","isDisabled":false}].filter(item => item.value === parent.getValue("mf-select"))[0] : []}
onChange=${(e)=> parent.handleSelect(e, "mf-select")}
ref=${() => {
register({ name: "mf-select" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false}));
if ( parent.getValue("mf-select") === '' && false ) {
parent.setValue( 'mf-select', '', true );
parent.handleChange({
target: {
name: 'mf-select',
value: ''
}
});
}
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-select"
as=${html``}
/>
<${props.Select}
className=${"mf-input mf-input-select " + ( validation.errors['mf-select'] ? 'mf-invalid' : '' )}
classNamePrefix="mf_select"
name="mf-select"
placeholder="${ parent.decodeEntities(`Select`) } "
isSearchable=${false}
options=${[{"label":"Education","value":"value-1","isDisabled":false},{"label":"Water for Life","value":"value-2","isDisabled":false},{"label":"Emergency Relief","value":"value-3","isDisabled":false}]}
value=${parent.getValue("mf-select") ? [{"label":"Education","value":"value-1","isDisabled":false},{"label":"Water for Life","value":"value-2","isDisabled":false},{"label":"Emergency Relief","value":"value-3","isDisabled":false}].filter(item => item.value === parent.getValue("mf-select"))[0] : []}
onChange=${(e)=> parent.handleSelect(e, "mf-select")}
ref=${() => {
register({ name: "mf-select" }, parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false}));
if ( parent.getValue("mf-select") === '' && false ) {
parent.setValue( 'mf-select', '', true );
parent.handleChange({
target: {
name: 'mf-select',
value: ''
}
});
}
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-select"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el) }
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-listing-fname"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","emailMessage":"Please enter a valid Email address","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-email"
as=${html``}
/>
{
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)
}}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-text"
as=${html``}
/>
parent.activateValidation({"message":"This field is required.","minLength":1,"maxLength":"","type":"none","required":false,"expression":"null"}, el)}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-number"
as=${html``}
/>
<${validation.ErrorMessage}
errors=${validation.errors}
name="mf-textarea"
as=${html``}
/>