www.asr.nl
Open in
urlscan Pro
193.105.111.26
Public Scan
URL:
https://www.asr.nl/vitality/lid-worden?vAanmeldcode=OpUitnodigingWerkgever&utm_source=vpms&utm_medium=email&utm_con...
Submission: On October 05 via manual from NL — Scanned from NL
Submission: On October 05 via manual from NL — Scanned from NL
Form analysis
1 forms found in the DOM<form id="vitality_aanmelden_asrnl" class="" style="" data-bind="visible: true">
<style>
@media screen and (max-width: 639px) {
#sOverzichtPanel .form__item--labelvalue .form__title {
width: max-content !important;
}
}
@media screen and (min-width: 640px) {
#sOverzichtPanel .form__item--labelvalue .form__title {
width: 18rem;
}
}
.form__item--labelvalue .form__title {
width: none;
}
label.o-btn {
margin-right: 10px;
}
.form__item--labelvalue .form__input {
vertical-align: top;
}
.form__item--labelvalue .form__title {
width: 205px;
}
div#sAlgemeen .form {
padding-top: 1.5rem;
}
.form__stacked2 {
box-shadow: 0 0 16px rgba(42, 41, 46, .08), 0 2px 4px rgba(42, 41, 46, .16);
overflow: hidden;
position: relative
}
.form__stacked2-item {
background-color: #fff;
border-top: 2px solid #e9e9ea;
cursor: pointer;
line-height: 20px;
padding-bottom: .5rem;
padding-left: 1rem;
padding-top: 1rem;
}
.form__sub {
color: #949496;
display: inline-block;
font-size: 16px;
line-height: 1.5;
padding-bottom: 0.5rem;
padding-right: 1.5rem;
vertical-align: top;
width: 100%;
}
</style>
<script type="text/html" id="buttonTemplate">
<div class="form__item" id="outer_vAlLid" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<div class="form__group form__group--width-12">
<div class="form__default">
<!-- ko foreach: FormElementOpties -->
<input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio">
<label data-bind="html: Value, attr: { for: ExtendedKey }" class="o-btn"></label>
<!-- /ko -->
</div>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</script>
<script type="text/html" id="TextBoxTemplate"></script>
<script type="text/html" id="FormElementOptieTemplate"></script>
<script type="text/html" id="ProductKeuzeTemplate"></script>
<div id="divIntro" data-digiset="1" data-digimain="-1" data-digisetnivo="0" data-digitype="div" data-bind="visible: (mDigiViewModel.GetFormElement("divIntro").Set == mDigiViewModel.CurrentSet0())">
<div>
<!-- ko with: mDigiViewModel.GetFormElement('subset') -->
<div id="ssubset" data-bind="visible:TonenAls">
<div class="form-accordion" id="subset">
<div id="sAlgemeen" data-digiset="1" data-digimain="1" data-digisetnivo="1" data-digitype="accordion" class="form-accordion__item ">
<div id="navsAlgemeen" class="form-accordion__header form-accordion__item--active" data-digiset="1" data-digimain="1" data-digisetnivo="1"
data-bind="css: { 'form-accordion__item--active': (mDigiViewModel.GetFormElement('sAlgemeen').Set == mDigiViewModel.CurrentSet1()), 'form-accordion__item--completed': (mDigiViewModel.GetFormElement('sAlgemeen').Set < mDigiViewModel.CurrentSet1()) }, attr: {'data-checknav': mDigiViewModel.GetFormElement('sAlgemeen').CheckNavigation }"
style="cursor:pointer" data-checknav="true">
<div class="flex">
<div class="flex__item flex__item--grow-1">
<div class="form-accordion__step"></div><span class="form-accordion__title">Gegevens</span>
</div>
<div class="flex__item text-align--right"><span class="panel-validindicator"><span class="pull-right"><span class="valid form-accordion__edit cursor--pointer" style="display: none;">Aanpassen</span> <span
class="invalid form-accordion__edit cursor--pointer" style="display: none;">Aanpassen</span></span></span></div>
</div>
</div>
<div id="sAlgemeenPanel" style="" class="form-accordion__content active" data-bind="css: { "active": (mDigiViewModel.GetFormElement("sAlgemeen").Set === mDigiViewModel.CurrentSet1()) }">
<div class="form">
<!-- ko with: mDigiViewModel.GetFormElement('vIsWerknemer') -->
<div class="form__item" id="outer_vIsWerknemer" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
<label for="vIsWerknemer" class="form__title"><span data-bind="html:Label"></span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-12">
<div class="form__stacked"><!-- ko foreach: FormElementOpties -->
<div class="radio "><input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" name="vIsWerknemer" value="Nee" id="vIsWerknemer_Nee"><label
data-bind="html: Value, attr: { for: ExtendedKey }" for="vIsWerknemer_Nee">Ik meld me aan voor een individueel lidmaatschap </label></div>
<div class="radio "><input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" name="vIsWerknemer" value="Ja" id="vIsWerknemer_Ja"><label data-bind="html: Value, attr: { for: ExtendedKey }"
for="vIsWerknemer_Ja">Ik meld me aan op uitnodiging van mijn werkgever</label></div>
<!-- /ko -->
</div>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('sProducten') -->
<div id="pnlsProducten" class="" data-bind="visible:TonenAls" style="display: none;">
<!-- ko if: Label --><!-- /ko -->
<fieldset class="form " id="panelsProducten">
<!-- ko if: mDigiViewModel.GetFormElement('tProducten').TonenAls() -->
<div data-bind="template:{name:'ProductKeuzeTemplate', data:mDigiViewModel.GetFormElement('tProducten')}">
<div class="form__item" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<label data-bind="attr: {for: Identifier}" class="form__title" for="tProducten"><span data-bind="html:Label">Welke verzekering(en) heb je?</span></label>
<div class="form__group form__group--width-12" style="padding-right: 3.5rem;">
<div class="form__stacked2" data-bind="template: { name: 'FormElementOptieTemplate', foreach:FormElementOpties }">
<div class="form__stacked2-item">
<input data-bind="value: Key, checked: $parent.MultipleWaardes, attr: { id: ExtendedKey, name: $parent.Identifier }" type="checkbox" value="30" id="tProducten_30" name="tProducten">
<label data-bind="attr: { for: ExtendedKey }" for="tProducten_30"><span class="fdf__check-label" data-bind="html: Value">Ik kies zelf van a.s.r. zorgverzekering</span><span class="fdf__check-help"
data-bind="html: Help"></span>
</label>
<div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cIkKiesZelfNr'), if:(ExtendedKey == 'tProducten_30') }">
<div class="form__item" style="direction: rtl; padding-top: 0px; padding-bottom: 1rem; display: none;"
data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<label data-bind="attr: {for: Identifier}" class="form__title" for="cIkKiesZelfNr"><span data-bind="html:Label">Wat is je klantnummer?</span></label>
<div class="form__description" data-bind="html:HelpTekst">Je vindt je klantnummer op je verzekeringspas.</div>
<div class="form__input" style="max-width: 25rem;">
<div class="form__group">
<input autocomplete="off" data-bind="value:Waarde, attr: {maxlength: MaxValue}" class="form__text" type="text" maxlength="">
<div class="form__sub" data-bind="html:SubLabel"></div>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;">
<span data-bind="validationMessage: Waarde" style="display: none;"></span>
<span data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span>
</div>
</div>
</div>
</div>
</div>
<div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cAsrZorgNr'), if:(ExtendedKey == 'tProducten_40') }"></div>
<div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cAsrAovNr'), if:(ExtendedKey == 'tProducten_50') }"></div>
<div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cLoyalisNr'), if:(ExtendedKey == 'tProducten_60') }"></div>
</div>
<div class="form__stacked2-item">
<input data-bind="value: Key, checked: $parent.MultipleWaardes, attr: { id: ExtendedKey, name: $parent.Identifier }" type="checkbox" value="40" id="tProducten_40" name="tProducten">
<label data-bind="attr: { for: ExtendedKey }" for="tProducten_40"><span class="fdf__check-label" data-bind="html: Value">a.s.r. zorgverzekering</span><span class="fdf__check-help" data-bind="html: Help"></span>
</label>
<div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cIkKiesZelfNr'), if:(ExtendedKey == 'tProducten_30') }"></div>
<div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cAsrZorgNr'), if:(ExtendedKey == 'tProducten_40') }">
<div class="form__item" style="direction: rtl; padding-top: 0px; padding-bottom: 1rem; display: none;"
data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<label data-bind="attr: {for: Identifier}" class="form__title" for="cAsrZorgNr"><span data-bind="html:Label">Wat is je klantnummer?</span></label>
<div class="form__description" data-bind="html:HelpTekst">Je vindt je klantnummer op je verzekeringspas.</div>
<div class="form__input" style="max-width: 25rem;">
<div class="form__group">
<input autocomplete="off" data-bind="value:Waarde, attr: {maxlength: MaxValue}" class="form__text" type="text" maxlength="">
<div class="form__sub" data-bind="html:SubLabel"></div>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;">
<span data-bind="validationMessage: Waarde" style="display: none;"></span>
<span data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span>
</div>
</div>
</div>
</div>
</div>
<div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cAsrAovNr'), if:(ExtendedKey == 'tProducten_50') }"></div>
<div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cLoyalisNr'), if:(ExtendedKey == 'tProducten_60') }"></div>
</div>
<div class="form__stacked2-item">
<input data-bind="value: Key, checked: $parent.MultipleWaardes, attr: { id: ExtendedKey, name: $parent.Identifier }" type="checkbox" value="50" id="tProducten_50" name="tProducten">
<label data-bind="attr: { for: ExtendedKey }" for="tProducten_50"><span class="fdf__check-label" data-bind="html: Value">a.s.r. AOV</span><span class="fdf__check-help" data-bind="html: Help"></span>
</label>
<div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cIkKiesZelfNr'), if:(ExtendedKey == 'tProducten_30') }"></div>
<div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cAsrZorgNr'), if:(ExtendedKey == 'tProducten_40') }"></div>
<div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cAsrAovNr'), if:(ExtendedKey == 'tProducten_50') }">
<div class="form__item" style="direction: rtl; padding-top: 0px; padding-bottom: 1rem; display: none;"
data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<label data-bind="attr: {for: Identifier}" class="form__title" for="cAsrAovNr"><span data-bind="html:Label">Wat is je polisnummer?</span></label>
<div class="form__description" data-bind="html:HelpTekst">Je vindt je polisnummer op je polis(aanhangsel), acceptgiro of bankafschrift.</div>
<div class="form__input" style="max-width: 25rem;">
<div class="form__group">
<input autocomplete="off" data-bind="value:Waarde, attr: {maxlength: MaxValue}" class="form__text" type="text" maxlength="">
<div class="form__sub" data-bind="html:SubLabel">Heb je meerdere polissen? Dan hoef je slechts één polisnummer door te geven. .</div>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;">
<span data-bind="validationMessage: Waarde" style="display: none;"></span>
<span data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span>
</div>
</div>
</div>
</div>
</div>
<div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cLoyalisNr'), if:(ExtendedKey == 'tProducten_60') }"></div>
</div>
<div class="form__stacked2-item">
<input data-bind="value: Key, checked: $parent.MultipleWaardes, attr: { id: ExtendedKey, name: $parent.Identifier }" type="checkbox" value="60" id="tProducten_60" name="tProducten">
<label data-bind="attr: { for: ExtendedKey }" for="tProducten_60"><span class="fdf__check-label" data-bind="html: Value">Loyalis AOV</span><span class="fdf__check-help" data-bind="html: Help"></span>
</label>
<div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cIkKiesZelfNr'), if:(ExtendedKey == 'tProducten_30') }"></div>
<div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cAsrZorgNr'), if:(ExtendedKey == 'tProducten_40') }"></div>
<div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cAsrAovNr'), if:(ExtendedKey == 'tProducten_50') }"></div>
<div class="NotStacked" data-bind="template: { name: 'TextBoxTemplate', data: mDigiViewModel.GetFormElement('cLoyalisNr'), if:(ExtendedKey == 'tProducten_60') }">
<div class="form__item" style="direction: rtl; padding-top: 0px; padding-bottom: 1rem; display: none;"
data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<label data-bind="attr: {for: Identifier}" class="form__title" for="cLoyalisNr"><span data-bind="html:Label">Wat is je klantnummer?</span></label>
<div class="form__description" data-bind="html:HelpTekst">Je vindt je klantnummer op je polis. Op MijnLoyalis vind je het nummer ook terug onder je persoonlijke gegevens.</div>
<div class="form__input" style="max-width: 25rem;">
<div class="form__group">
<input autocomplete="off" data-bind="value:Waarde, attr: {maxlength: MaxValue}" class="form__text" type="text" maxlength="">
<div class="form__sub" data-bind="html:SubLabel"></div>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;">
<span data-bind="validationMessage: Waarde" style="display: none;"></span>
<span data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div>
<!-- /ko -->
</fieldset>
</div>
<!-- /ko -->
<div id="hIntroWerkgever1" class="form__item " style="display: none;">
<div class="html_template"> <p>Je werkgever is '<span data-bind="text: mDigiViewModel.GetFormElement('vWerkgever').FormattedWaarde"></span>'. </p>
</div>
</div>
<div id="hIntroWerkgever2" class="form__item ">
<div class="html"> <p>Geef hier het e-mailadres op, waarmee jouw werkgever je heeft aangemeld en waarop jij je uitnodiging hebt ontvangen. Om te voorkomen dat iemand zich op jouw uitnodiging aanmeldt, zal er ter
verificatie een code worden verstuurd, die je in de laatste stap nodig zult hebben om je aanmelding te kunnen versturen.</p>
</div>
</div>
<!-- ko with: mDigiViewModel.GetFormElement('vEmailZakelijk') -->
<div class="form__item" id="outer_vEmailZakelijk" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<label for="vEmailZakelijk" class="form__title"><span data-bind="html:Label">Je zakelijk e-mailadres</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional"
style="display: none;"> (optioneel)</span></label>
<div class="form__description" data-bind="html:HelpTekst">Vul hier het e-mailadres in dat bekend is bij je werkgever. Hiermee checken we of je werkgever je als medewerker heeft aangemeld.</div>
<div class="form__input">
<div class="form__group form__group--width-12">
<input autocomplete="email" maxlength="255" data-bind="value:Waarde" class="form__text" id="vEmailZakelijk" name="vEmailZakelijk" type="text">
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('StuurCodeResult') -->
<input maxlength="255" data-bind="value:Waarde, visible:TonenAls" class="form__text" id="StuurCodeResult" name="StuurCodeResult" type="text" style="display: none;">
<!-- /ko -->
<div id="hStuurCodeFout" class="form__item " style="display: none;">
<div class="html">Oops! Er gaat iets fout. Controleer je e-mailadres. Krijg je opnieuw een foutmelding? Vraag dan je werkgever of je met dit e-mailadres bent aangemeld voor a.s.r. Vitality.</div>
</div>
<!-- ko with: mDigiViewModel.GetFormElement('pAlgemeen') -->
<div id="pnlpAlgemeen" class="" data-bind="visible:TonenAls">
<!-- ko if: Label --><!-- /ko -->
<fieldset class="form " id="panelpAlgemeen">
<div id="hIntroWerkgever3" class="form__item ">
<div class="html">
<p>Neem je al deel aan a.s.r. Vitality en wil je je lidmaatschap voortzetten via je werkgever? Kies dan voor de optie "Ik ben al lid". Hiermee kan jij je huidige lidmaatschap voortzetten via je werkgever, met behoud van
Vitality punten, Vitality status en eventuele device cashback. Dit kan ook wanneer je lidmaatschap niet langer dan 90 dagen geleden is beëindigd.</p>
</div>
</div>
<div id="hKeuze" class="form__item ">
<div class="html"><!-- ko with: mDigiViewModel.GetFormElement('vAlLid') -->
<div class="form__item" id="outer_vAlLid" data-bind="css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<div class="form__group form__group--width-12">
<div class="form__default">
<!-- ko foreach: FormElementOpties -->
<input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" value="Nee" id="vAlLid_Nee" name="ko_unique_1">
<label data-bind="html: Value, attr: { for: ExtendedKey }" class="o-btn" for="vAlLid_Nee">Aanmelden als nieuw lid</label>
<input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" value="Ja" id="vAlLid_Ja" name="ko_unique_2">
<label data-bind="html: Value, attr: { for: ExtendedKey }" class="o-btn" for="vAlLid_Ja">Ik ben al lid van a.s.r. Vitality</label>
<!-- /ko -->
</div>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
<!-- /ko -->
</div>
</div>
<!-- ko with: mDigiViewModel.GetFormElement('vAlLid') -->
<div class="form__item" id="outer_vAlLid" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
<label for="vAlLid" class="form__title"><span data-bind="html:Label"></span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-12">
<div class="form__stacked"><!-- ko foreach: FormElementOpties -->
<div class="radio "><input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" name="vAlLid" value="Nee" id="vAlLid_Nee"><label data-bind="html: Value, attr: { for: ExtendedKey }"
for="vAlLid_Nee">Aanmelden als nieuw lid</label></div>
<div class="radio "><input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" name="vAlLid" value="Ja" id="vAlLid_Ja"><label data-bind="html: Value, attr: { for: ExtendedKey }"
for="vAlLid_Ja">Ik ben al lid van a.s.r. Vitality</label></div>
<!-- /ko -->
</div>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
</fieldset>
</div>
<!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('pGegevens') -->
<div id="pnlpGegevens" class="" data-bind="visible:TonenAls" style="display: none;">
<!-- ko if: Label --><!-- /ko -->
<fieldset class="form " id="panelpGegevens">
<!-- ko with: mDigiViewModel.GetFormElement('vAanhef') -->
<div class="form__item" id="outer_vAanhef" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<label for="vAanhef" class="form__title"><span data-bind="html:Label">Aanhef</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-12">
<div class="form__default"><!-- ko foreach: FormElementOpties --><input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" name="vAanhef" value="Man" id="vAanhef_Man"><label
data-bind="html: Value, attr: { for: ExtendedKey }" class="form__radio" for="vAanhef_Man">de heer</label><input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" name="vAanhef"
value="Vrouw" id="vAanhef_Vrouw"><label data-bind="html: Value, attr: { for: ExtendedKey }" class="form__radio" for="vAanhef_Vrouw">mevrouw</label><!-- /ko --></div>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('vVoorletters') -->
<div class="form__item" id="outer_vVoorletters" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
<label for="vVoorletters" class="form__title"><span data-bind="html:Label">Voorletters en achternaam</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional"
style="display: none;"> (optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-1">
<input autocomplete="off" maxlength="255" data-bind="initials:Waarde, maxlength:'255'" class="form__text" id="vVoorletters" name="vVoorletters" type="text" placeholder="Voorl.">
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
<!-- ko with: mDigiViewModel.GetFormElement('vTussenVoegsel') -->
<div class="form__group form__item form__group--width-1" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
<input autocomplete="off" maxlength="255" data-bind="textInput:Waarde" class="form__text" id="vTussenVoegsel" name="vTussenVoegsel" type="text" placeholder="Tussenv.">
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div><!-- /ko --><!-- ko with: mDigiViewModel.GetFormElement('vAchternaam') -->
<div class="form__group form__item form__group--width-2" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
<input autocomplete="family-name" maxlength="255" data-bind="autocapitals:Waarde" id="vAchternaam" name="vAchternaam" class="form__text" type="text" placeholder="Achternaam">
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div><!-- /ko -->
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('vVoornaam') -->
<div class="form__item" id="outer_vVoornaam" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
<label for="vVoornaam" class="form__title"><span data-bind="html:Label">Voornaam</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-12">
<input autocomplete="given-name" maxlength="255" data-bind="autocapitals:Waarde" id="vVoornaam" name="vVoornaam" class="form__text" type="text">
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('vGeboorteDatum') -->
<div class="form__item" id="outer_vGeboorteDatum" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
<label for="vGeboorteDatum" class="form__title"><span data-bind="html:Label">Geboortedatum</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-12">
<input autocomplete="off" type="text" id="vGeboorteDatum" name="vGeboorteDatum" data-bind="formatDateHtml5:Waarde" class="form__date" placeholder="dd-mm-jjjj">
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('vTelefoonNummer') -->
<div class="form__item" id="outer_vTelefoonNummer" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<label for="vTelefoonNummer" class="form__title"><span data-bind="html:Label">Mobiele telefoonnummer</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional"
style="display: none;"> (optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-12">
<input autocomplete="tel-national" maxlength="20" data-bind="value:Waarde" id="vTelefoonNummer" name="vTelefoonNummer" class="form__text" type="text">
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('vVitalityMembershipId') -->
<div class="form__item" id="outer_vVitalityMembershipId" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
<label for="vVitalityMembershipId" class="form__title"><span data-bind="html:Label">a.s.r. Vitality nummer</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional"
style="display: none;"> (optioneel)</span></label>
<div class="form__description" data-bind="html:HelpTekst">Het a.s.r. Vitality nummer vind je in de Vitality app.</div>
<div class="form__input">
<div class="form__group form__group--width-12">
<input autocomplete="off" maxlength="19" data-bind="value:Waarde" id="vVitalityMembershipId" name="vVitalityMembershipId" class="form__text" type="text" placeholder="1234567890">
<div class="form__sublabel" data-bind="html:SubLabel">Dit nummer is de identificatie van je huidige, of niet langer dan 90 dagen geleden beëindigde, lidmaatschap. Geef dit nummer op als je dit lidmaatschap, met behoud van
Vitality Punten en Status, via je werkgever voort wil zetten.</div>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('vEmail') -->
<div class="form__item" id="outer_vEmail" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<label for="vEmail" class="form__title"><span data-bind="html:Label">E-mailadres</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__description" data-bind="html:HelpTekst">Dit e-mailadres wordt gebruikt als login voor de App en voor verdere communicatie via het programma.</div>
<div class="form__input">
<div class="form__group form__group--width-12">
<input autocomplete="email" maxlength="255" data-bind="value:Waarde" class="form__text" id="vEmail" name="vEmail" type="text">
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('vEmailHerhalen') -->
<div class="form__item" id="outer_vEmailHerhalen" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<label for="vEmailHerhalen" class="form__title"><span data-bind="html:Label">Herhaal e-mailadres</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional"
style="display: none;"> (optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-12">
<input autocomplete="off" maxlength="255" data-bind="value:Waarde" class="form__text" id="vEmailHerhalen" name="vEmailHerhalen" type="text">
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('bVerder1Result') -->
<input maxlength="255" data-bind="value:Waarde, visible:TonenAls" class="form__text" id="bVerder1Result" name="bVerder1Result" type="text" style="display: none;">
<!-- /ko -->
<div class="form__item form__item--ltr">
<!-- ko with: mDigiViewModel.GetFormElement('bVerder1') --><button id="bVerder1" data-bind="click: NextStep, visible:TonenAls" type="button" class="o-btn "><span data-bind="html:Label">Verder</span></button><!-- /ko -->
</div>
</fieldset>
</div>
<!-- /ko -->
</div>
</div>
</div>
<div id="sAdres" data-digiset="2" data-digimain="1" data-digisetnivo="1" data-digitype="accordion" class="form-accordion__item ">
<div id="navsAdres" class="form-accordion__header" data-digiset="2" data-digimain="1" data-digisetnivo="1"
data-bind="css: { 'form-accordion__item--active': (mDigiViewModel.GetFormElement('sAdres').Set == mDigiViewModel.CurrentSet1()), 'form-accordion__item--completed': (mDigiViewModel.GetFormElement('sAdres').Set < mDigiViewModel.CurrentSet1()) }, attr: {'data-checknav': mDigiViewModel.GetFormElement('sAdres').CheckNavigation }"
style="cursor:not-allowed">
<div class="flex">
<div class="flex__item flex__item--grow-1">
<div class="form-accordion__step"></div><span class="form-accordion__title">Adresgegevens</span>
</div>
<div class="flex__item text-align--right"><span class="panel-validindicator"><span class="pull-right"><span class="valid form-accordion__edit cursor--pointer" style="display: none;">Aanpassen</span> <span
class="invalid form-accordion__edit cursor--pointer" style="display: none;">Aanpassen</span></span></span></div>
</div>
</div>
<div id="sAdresPanel" style="display: none;" class="form-accordion__content" data-bind="css: { "active": (mDigiViewModel.GetFormElement("sAdres").Set === mDigiViewModel.CurrentSet1()) }">
<div class="form">
<!-- ko with: mDigiViewModel.GetFormElement('vInNederland') -->
<div class="form__item" id="outer_vInNederland" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<label for="vInNederland" class="form__title"><span data-bind="html:Label">Woon je in Nederland?</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-12">
<div class="form__default"><!-- ko foreach: FormElementOpties --><input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" name="vInNederland" value="NL" id="vInNederland_NL"><label
data-bind="html: Value, attr: { for: ExtendedKey }" class="form__radio" for="vInNederland_NL">Ja</label><input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" name="vInNederland"
value="nee" id="vInNederland_nee"><label data-bind="html: Value, attr: { for: ExtendedKey }" class="form__radio" for="vInNederland_nee">Nee</label><!-- /ko --></div>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('vAnderLand') -->
<div class="form__item" id="outer_vAnderLand" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
<label for="vAnderLand" class="form__title"><span data-bind="html:Label">Land</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-12">
<select id="vAnderLand" name="vAnderLand" class="form__select-box js-select js-select-select"
data-bind="options: FormElementOpties, optionsValue: 'Key', optionsText: 'Value', value: Waarde, optionsCaption: 'Maak een keuze...', optionsAfterRender: setOptionDisable, fireChange: true">
<option value="">Maak een keuze...</option>
<option value="BE">België</option>
<option value="LU">Luxemburg</option>
<option value="DE">Duitsland</option>
</select><span class="form__select js-select-target js-select-current">Maak een keuze...</span>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('vPostcode') -->
<div class="form__item" id="outer_vPostcode" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<label for="vPostcode" class="form__title"><span data-bind="html:Label">Postcode en huisnummer</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-2">
<input autocomplete="postal-code" maxlength="7" data-bind="zipcode:Waarde" placeholder="____ __" class="form__text js-zipcode" id="vPostcode" name="vPostcode" type="text">
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
<!-- ko with: mDigiViewModel.GetFormElement('vHuisnummer') -->
<div class="form__group form__item form__group--width-1" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}"><input autocomplete="off"
maxlength="255" data-bind="value:Waarde" class="form__text" id="vHuisnummer" name="vHuisnummer" type="text" placeholder="123">
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div><!-- /ko --><!-- ko with: mDigiViewModel.GetFormElement('vHuisnrToevoeging') -->
<div class="form__group form__item form__group--width-1" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}"><input autocomplete="off"
maxlength="255" data-bind="textInput:Waarde" class="form__text" id="vHuisnrToevoeging" name="vHuisnrToevoeging" type="text" placeholder="Toev.">
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div><!-- /ko -->
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('vPostcodeBuitenland') -->
<div class="form__item" id="outer_vPostcodeBuitenland" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
<label for="vPostcodeBuitenland" class="form__title"><span data-bind="html:Label">Postcode en huisnummer</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional"
style="display: none;"> (optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-2">
<input autocomplete="off" maxlength="255" data-bind="textInput:Waarde" class="form__text" id="vPostcodeBuitenland" name="vPostcodeBuitenland" type="text">
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
<!-- ko with: mDigiViewModel.GetFormElement('vHuisnummerBuitenland') -->
<div class="form__group form__item form__group--width-1" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
<input autocomplete="off" maxlength="255" data-bind="value:Waarde" class="form__text" id="vHuisnummerBuitenland" name="vHuisnummerBuitenland" type="text" placeholder="123">
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div><!-- /ko --><!-- ko with: mDigiViewModel.GetFormElement('vHuisnrToevoegingBuitenland') -->
<div class="form__group form__item form__group--width-1" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
<input autocomplete="off" maxlength="255" data-bind="textInput:Waarde" class="form__text" id="vHuisnrToevoegingBuitenland" name="vHuisnrToevoegingBuitenland" type="text" placeholder="Toev.">
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div><!-- /ko -->
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('vStraat') -->
<div class="form__item" id="outer_vStraat" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<label for="vStraat" class="form__title"><span data-bind="html:Label">Straat</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-12">
<input autocomplete="off" maxlength="255" data-bind="textInput:Waarde" class="form__text" id="vStraat" name="vStraat" type="text">
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('vWoonplaats') -->
<div class="form__item" id="outer_vWoonplaats" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<label for="vWoonplaats" class="form__title"><span data-bind="html:Label">Woonplaats</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-12">
<input autocomplete="off" maxlength="255" data-bind="textInput:Waarde" class="form__text" id="vWoonplaats" name="vWoonplaats" type="text">
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<div id="oAdresFound" class="form__item " style="display: none;">
<div class="html_template">Adres: <span data-bind="text: mDigiViewModel.GetFormElement('vStraat').FormattedWaarde"></span> in <span data-bind="text: mDigiViewModel.GetFormElement('vWoonplaats').FormattedWaarde"></span></div>
</div>
<div class="form__item form__item--ltr">
<!-- ko with: mDigiViewModel.GetFormElement('bVerder2') --><button id="bVerder2" data-bind="click: NextStep, visible:TonenAls" type="button" class="o-btn "><span data-bind="html:Label">Verder</span></button><!-- /ko -->
</div>
</div>
</div>
</div>
<div id="sBetalen" data-digiset="3" data-digimain="1" data-digisetnivo="1" data-digitype="accordion" class="form-accordion__item " style="display: none;">
<div id="navsBetalen" class="form-accordion__header" data-digiset="3" data-digimain="1" data-digisetnivo="1"
data-bind="css: { 'form-accordion__item--active': (mDigiViewModel.GetFormElement('sBetalen').Set == mDigiViewModel.CurrentSet1()), 'form-accordion__item--completed': (mDigiViewModel.GetFormElement('sBetalen').Set < mDigiViewModel.CurrentSet1()) }, attr: {'data-checknav': mDigiViewModel.GetFormElement('sBetalen').CheckNavigation }"
style="cursor:not-allowed">
<div class="flex">
<div class="flex__item flex__item--grow-1">
<div class="form-accordion__step"></div><span class="form-accordion__title">Betalingsgegevens</span>
</div>
<div class="flex__item text-align--right"><span class="panel-validindicator"><span class="pull-right"><span class="valid form-accordion__edit cursor--pointer" style="display: none;">Aanpassen</span> <span
class="invalid form-accordion__edit cursor--pointer" style="display: none;">Aanpassen</span></span></span></div>
</div>
</div>
<div id="sBetalenPanel" style="display: none;" class="form-accordion__content" data-bind="css: { "active": (mDigiViewModel.GetFormElement("sBetalen").Set === mDigiViewModel.CurrentSet1()) }">
<div class="form">
<!-- ko with: mDigiViewModel.GetFormElement('vCampagneCodeJaNee') -->
<div class="form__item" id="outer_vCampagneCodeJaNee" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
<label for="vCampagneCodeJaNee" class="form__title"><span data-bind="html:Label">Heb je een kortingcode?</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional"
style="display: none;"> (optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-12">
<div class="form__default"><!-- ko foreach: FormElementOpties --><input data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" name="vCampagneCodeJaNee" value="ja"
id="vCampagneCodeJaNee_ja"><label data-bind="html: Value, attr: { for: ExtendedKey }" class="form__radio" for="vCampagneCodeJaNee_ja">Ja</label><input
data-bind="value: Key, checked: $parent.Waarde, attr: { id: ExtendedKey }" type="radio" name="vCampagneCodeJaNee" value="nee" id="vCampagneCodeJaNee_nee"><label data-bind="html: Value, attr: { for: ExtendedKey }"
class="form__radio" for="vCampagneCodeJaNee_nee">Nee</label><!-- /ko --></div>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('vCampagneCode') -->
<div class="form__item" id="outer_vCampagneCode" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
<label for="vCampagneCode" class="form__title"><span data-bind="html:Label">Kortingscode</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-12">
<input autocomplete="off" maxlength="50" data-bind="value:Waarde" class="form__text" id="vCampagneCode" name="vCampagneCode" type="text">
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<div id="oCampagneCode" class="form__item form__input" style="display: none;">
<div class="html"><span
data-bind="css: { fdf_val_error: (mDigiViewModel.GetFormElement('cCampageCodeResponseCode').Waarde() != 'Ok') }, html: document.createElement('a').appendChild(document.createTextNode(mDigiViewModel.GetFormElement('cCampageCodeBericht').Waarde())).parentNode.innerText"
class="fdf_val_error">undefined</span></div>
</div>
<!-- ko with: mDigiViewModel.GetFormElement('vIBAN') -->
<div class="form__item" id="outer_vIBAN" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
<label for="vIBAN" class="form__title"><span data-bind="html:Label">Rekeningnummer</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__description" data-bind="html:HelpTekst">• a.s.r. Vitality kost €3,50 per maand, haal je een keer je weekdoel dan heb je je kosten er al uit <br> • Je betaalt per automatische incasso <br> • Elke maand opzegbaar
</div>
<div class="form__input">
<div class="form__group form__group--width-12">
<input autocomplete="cc-number" data-bind="iban:Waarde" class="form__text" id="vIBAN" name="vIBAN" type="text">
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('bVerder3Result') -->
<input maxlength="255" data-bind="value:Waarde, visible:TonenAls" class="form__text" id="bVerder3Result" name="bVerder3Result" type="text" style="display: none;">
<!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('cCampageCodeFoutMelding') -->
<div class="form__item" id="outer_cCampageCodeFoutMelding" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
<label for="cCampageCodeFoutMelding" class="form__title"><span data-bind="html:Label">Melding</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-12">
<p id="cCampageCodeFoutMelding " data-bind="text: FormattedWaarde" class=""></p>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<div class="form__item form__item--ltr">
<!-- ko with: mDigiViewModel.GetFormElement('bVerder3') --><button id="bVerder3" data-bind="click: NextStep, visible:TonenAls" type="button" class="o-btn "><span data-bind="html:Label">Verder</span></button><!-- /ko -->
</div>
</div>
</div>
</div>
<div id="sOverzicht" data-digiset="4" data-digimain="1" data-digisetnivo="1" data-digitype="accordion" class="form-accordion__item ">
<div id="navsOverzicht" class="form-accordion__header" data-digiset="4" data-digimain="1" data-digisetnivo="1"
data-bind="css: { 'form-accordion__item--active': (mDigiViewModel.GetFormElement('sOverzicht').Set == mDigiViewModel.CurrentSet1()), 'form-accordion__item--completed': (mDigiViewModel.GetFormElement('sOverzicht').Set < mDigiViewModel.CurrentSet1()) }, attr: {'data-checknav': mDigiViewModel.GetFormElement('sOverzicht').CheckNavigation }"
style="cursor:not-allowed">
<div class="flex">
<div class="flex__item flex__item--grow-1">
<div class="form-accordion__step"></div><span class="form-accordion__title">Akkoord en verzenden</span>
</div>
<div class="flex__item text-align--right"><span class="panel-validindicator"><span class="pull-right"><span class="valid form-accordion__edit cursor--pointer" style="display: none;">Aanpassen</span> <span
class="invalid form-accordion__edit cursor--pointer" style="display: none;">Aanpassen</span></span></span></div>
</div>
</div>
<div id="sOverzichtPanel" style="display: none;" class="form-accordion__content" data-bind="css: { "active": (mDigiViewModel.GetFormElement("sOverzicht").Set === mDigiViewModel.CurrentSet1()) }">
<div class="form">
<div id="hIntroOverzicht" class="form__item ">
<div class="html">Overzicht van jouw aanvraag</div>
</div>
<!-- ko with: mDigiViewModel.GetFormElement('oWerkgever') -->
<div class="form__item form__item--labelvalue" id="outer_oWerkgever" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}"
style="display: none;">
<label for="oWerkgever" class="form__title"><span data-bind="html:Label">Werkgever</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-6">
<p id="oWerkgever " data-bind="text: FormattedWaarde" class=""></p>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('oNaam') -->
<div class="form__item form__item--labelvalue" id="outer_oNaam" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<label for="oNaam" class="form__title"><span data-bind="html:Label">Naam:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-6">
<p id="oNaam" data-bind="html: Waarde" class=""> <br></p>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('oGeboortedatum') -->
<div class="form__item form__item--labelvalue" id="outer_oGeboortedatum" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<label for="oGeboortedatum" class="form__title"><span data-bind="html:Label">Geboortedatum:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-6">
<p id="oGeboortedatum " data-bind="text: FormattedWaarde" class=""></p>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('oTelefoonnummer') -->
<div class="form__item form__item--labelvalue" id="outer_oTelefoonnummer" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<label for="oTelefoonnummer" class="form__title"><span data-bind="html:Label">Telefoonnummer:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-6">
<p id="oTelefoonnummer " data-bind="text: FormattedWaarde" class=""></p>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('oEmailadres') -->
<div class="form__item form__item--labelvalue" id="outer_oEmailadres" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<label for="oEmailadres" class="form__title"><span data-bind="html:Label">Emailadres:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-6">
<p id="oEmailadres " data-bind="text: FormattedWaarde" class=""></p>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('oAdres') -->
<div class="form__item form__item--labelvalue" id="outer_oAdres" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<label for="oAdres" class="form__title"><span data-bind="html:Label">Adres:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-6">
<p id="oAdres" data-bind="html: Waarde" class=""> <br>
<br> Nederland<br>
</p>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('oAdresBuitenland') -->
<div class="form__item form__item--labelvalue" id="outer_oAdresBuitenland" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}"
style="display: none;">
<label for="oAdresBuitenland" class="form__title"><span data-bind="html:Label">Adres:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-6">
<p id="oAdresBuitenland" data-bind="html: Waarde" class=""> <br>
<br>
<br>
</p>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('oIkKiesZelfNr') -->
<div class="form__item form__item--labelvalue" id="outer_oIkKiesZelfNr" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}"
style="display: none;">
<label for="oIkKiesZelfNr" class="form__title"><span data-bind="html:Label">Ik kies zelf van a.s.r. klantnummer:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional"
style="display: none;"> (optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-6">
<p id="oIkKiesZelfNr " data-bind="text: FormattedWaarde" class=""></p>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('oAsrZorgNr') -->
<div class="form__item form__item--labelvalue" id="outer_oAsrZorgNr" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}"
style="display: none;">
<label for="oAsrZorgNr" class="form__title"><span data-bind="html:Label">a.s.r klantnummer:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-6">
<p id="oAsrZorgNr " data-bind="text: FormattedWaarde" class=""></p>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('oAsrAovNr') -->
<div class="form__item form__item--labelvalue" id="outer_oAsrAovNr" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}"
style="display: none;">
<label for="oAsrAovNr" class="form__title"><span data-bind="html:Label">a.s.r. polisnummer:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-6">
<p id="oAsrAovNr " data-bind="text: FormattedWaarde" class=""></p>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('oLoyalisNr') -->
<div class="form__item form__item--labelvalue" id="outer_oLoyalisNr" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}"
style="display: none;">
<label for="oLoyalisNr" class="form__title"><span data-bind="html:Label">Loyalis klantnummer:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-6">
<p id="oLoyalisNr " data-bind="text: FormattedWaarde" class=""></p>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('oIBAN') -->
<div class="form__item form__item--labelvalue" id="outer_oIBAN" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}" style="display: none;">
<label for="oIBAN" class="form__title"><span data-bind="html:Label">IBAN:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-6">
<p id="oIBAN " data-bind="text: FormattedWaarde" class=""></p>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('oCampagneCode2') -->
<div class="form__item form__item--labelvalue" id="outer_oCampagneCode2" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}"
style="display: none;">
<label for="oCampagneCode2" class="form__title"><span data-bind="html:Label">Kortingscode</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-6">
<p id="oCampagneCode2" data-bind="html: Waarde" class=""><b> </b></p>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('oVitalityMembershipId') -->
<div class="form__item form__item--labelvalue" id="outer_oVitalityMembershipId" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}"
style="display: none;">
<label for="oVitalityMembershipId" class="form__title"><span data-bind="html:Label">Vitality Membership ID:</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional"
style="display: none;"> (optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-6">
<p id="oVitalityMembershipId " data-bind="text: FormattedWaarde" class=""></p>
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('pVerklaring') -->
<div id="pnlpVerklaring" class="background-color--white m+" data-bind="visible:TonenAls">
<!-- ko if: Label --><!-- /ko -->
<fieldset class="form background-color--white m+" id="panelpVerklaring">
<div id="hVerklaring" class="form__item background-color--white">
<div class="html">Om deel te nemen aan a.s.r. Vitality is het belangrijk dat je akkoord gaat met onderstaande verklaringen. Ik verklaar dat ik: </div>
</div>
<div id="vAkkoordKennis" class="form__item ">
<div class="html">
<ul class="list">
<li class="list__item">Kennis heb genomen van de
<a class="js-tealium-ga4" href="https://www.asr.nl/vitality/voorwaarden" target="_blank" data-tealium-ga4="{"action": "click", "event_name": "link", "tealium_event": "interaction", "type":"internal", "text_content": "algemene voorwaarden", "target_link": "https://www.asr.nl/vitality/voorwaarden" }">algemene voorwaarden</a>.
</li>
</ul>
</div>
</div>
<div id="vAkkoordGegevens" class="form__item ">
<div class="html">
<ul class="list">
<li class="list__item">Toestemming geef voor het gebruik van mijn gezondheidsgegevens die van belang zijn om te kunnen profiteren van de beloningen en eventuele cashback op verzekeringen. Bekijk hoe wij omgaan met jouw
<a href="https://www.asr.nl/vitality/privacy" target="_blank" class="js-tealium-ga4" data-tealium-ga4="{"action": "click", "event_name": "link", "tealium_event": "interaction", "type":"internal", "text_content": "privacy", "target_link": "https://www.asr.nl/vitality/privacy" }">privacy</a>
en lees meer in de
<a href="https://www.asrnederland.nl/privacyverklaring" target="_blank" class="js-tealium-ga4" data-tealium-ga4="{"action": "click", "event_name": "link", "tealium_event": "interaction", "type":"external", "text_content": "privacyverklaring", "target_link": "https://www.asrnederland.nl/privacyverklaring" }">privacyverklaring</a>
van a.s.r. </li>
</ul>
</div>
</div>
<div id="vAkkoordIBAN" class="form__item " style="display: none;">
<div class="html">
<ul class="list">
<li class="list__item">ASR Vitaliteit & Preventieve Diensten B.V. machtig om maandelijks € 3,50 van het door mij opgegeven bankrekeningnummer te incasseren. </li>
</ul>
</div>
</div>
<!-- ko with: mDigiViewModel.GetFormElement('vAkkoord') -->
<div class="form__item" id="outer_vAkkoord" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<label for="vAkkoord" class="form__title"><span data-bind="html:Label"></span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-12">
<!-- ko foreach: FormElementOpties -->
<div class="form__default"><input data-bind="value: Key, checked: $parent.MultipleWaardes, attr: { id: ExtendedKey }" type="checkbox" name="vAkkoord" value="akkoord" id="vAkkoord_akkoord"><label
data-bind="html: Value, attr: { for: ExtendedKey }" class="form__checkbox " for="vAkkoord_akkoord">Ik ga akkoord</label></div>
<!-- /ko -->
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
</fieldset>
</div>
<!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('pBevestiging') -->
<div id="pnlpBevestiging" class="" data-bind="visible:TonenAls">
<!-- ko if: Label --><!-- /ko -->
<fieldset class="form " id="panelpBevestiging">
<div id="hIntroBevestiging" class="form__item ">
<div class="html_template">Vul hier de bevestigingscode in die we je per e-mail hebben toegestuurd als je e-mailadres '<span data-bind="text: mDigiViewModel.GetFormElement('vEmailZakelijk').FormattedWaarde"></span>' bij ons
bekend is.<br> Kun je de e-mail niet vinden? Controleer dan je spam-box. </div>
</div>
<!-- ko with: mDigiViewModel.GetFormElement('vCodeBevestiging') -->
<div class="form__item" id="outer_vCodeBevestiging" data-bind="visible:TonenAls, css:{'form__item--error': (HasError()), 'form__item--warning': (!Digital.Form.Common.IsEmptyVal(ServerWarning()))}">
<label for="vCodeBevestiging" class="form__title"><span data-bind="html:Label">Je code</span><span data-bind="visible:Mandatory" style="display: none;"> *</span><span data-bind="visible:Optional" style="display: none;">
(optioneel)</span></label>
<div class="form__input">
<div class="form__group form__group--width-12">
<input autocomplete="off" maxlength="255" data-bind="textInput:Waarde" class="form__text" id="vCodeBevestiging" name="vCodeBevestiging" type="text" placeholder="vul de code uit de e-mail in">
<div class="form__error" data-bind="visible:(HasError())" style="display: none;"><span data-bind="validationMessage: Waarde" style="display: none;"></span><span
data-bind="html: ServerMelding, visible:(!Digital.Form.Common.IsEmptyVal(ServerMelding()))" style="display: none;"></span></div>
<div class="form__warning" data-bind="visible:(!Digital.Form.Common.IsEmptyVal(ServerWarning()))" style="display: none;"><span data-bind="html: ServerWarning"></span></div>
</div>
</div>
</div><!-- /ko -->
<div id="hOpnieuwBevestigen" class="form__item " style="display: none;">
<div class="html_template">Als je e-mailadres '<span data-bind="text: mDigiViewModel.GetFormElement('vEmailZakelijk').FormattedWaarde"></span>' bij ons bekend is, hebben we je een nieuwe code toegestuurd. </div>
</div>
<!-- ko with: mDigiViewModel.GetFormElement('bOpnieuwResult') -->
<input maxlength="255" data-bind="value:Waarde, visible:TonenAls" class="form__text" id="bOpnieuwResult" name="bOpnieuwResult" type="text" style="display: none;">
<!-- /ko -->
<div class="form__item form__item--ltr">
<!-- ko with: mDigiViewModel.GetFormElement('bOpnieuw') --><button id="bOpnieuw" data-bind="click: NextStep, visible:TonenAls" type="button" class="o-btn " style="display: none;"><span data-bind="html:Label">Stuur mij opnieuw de
code</span></button><!-- /ko -->
</div>
</fieldset>
</div>
<!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('bAanmeldenResults') -->
<input maxlength="255" data-bind="value:Waarde, visible:TonenAls" class="form__text" id="bAanmeldenResults" name="bAanmeldenResults" type="text" style="display: none;">
<!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('bVoortzettenResults') -->
<input maxlength="255" data-bind="value:Waarde, visible:TonenAls" class="form__text" id="bVoortzettenResults" name="bVoortzettenResults" type="text" style="display: none;">
<!-- /ko -->
<div class="form__item form__item--ltr">
<!-- ko with: mDigiViewModel.GetFormElement('bAanmelden') --><button id="bAanmelden" data-bind="click: NextStep, visible:TonenAls" type="button" class="o-btn "><span data-bind="html:Label">Verzenden</span></button><!-- /ko -->
<!-- ko with: mDigiViewModel.GetFormElement('bVoortzetten') --><button id="bVoortzetten" data-bind="click: NextStep, visible:TonenAls" type="button" class="o-btn " style="display: none;"><span
data-bind="html:Label">Verzenden</span></button><!-- /ko -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /ko -->
<div id="hInvalideAanmeldcode" class="form__item fdf-initial-padding" style="display: none;">
<div class="html">
<h2 class="page-panel__header ">Helaas, het aanmelden is mislukt. </h2> De aanmeldcode in de link die je gebruikt is invalide of al eerder gebruikt.
</div>
</div>
</div>
</div>
<div id="divResultaat" data-digiset="2" data-digimain="-1" data-digisetnivo="0" data-digitype="div" data-bind="visible: (mDigiViewModel.GetFormElement("divResultaat").Set == mDigiViewModel.CurrentSet0())" style="display: none;">
<div>
<div id="hMeldingProcessing" class="form__item ">
<div class="html">Je aanmelding wordt verwerkt, je wordt doorgestuurd wanneer deze klaar is.</div>
</div>
<div id="hMeldingNOK" class="form__item fdf-initial-padding" style="display: none;">
<div class="html">
<h1 class="js-title-h1 title__h1 ">Het is niet gelukt om je aan te melden</h1>
<p style="padding-top: 1.5rem;">Probeer het opnieuw of neem contact met ons op.</p>
<p>Ons ServiceTeam zit op werkdagen voor je klaar tussen 8:30 en 17:30.</p>
</div>
</div>
<div id="hMeldingError" class="form__item fdf-initial-padding" style="display: none;">
<div class="html">
<h1 class="js-title-h1 title__h1 ">Het is niet gelukt om je aan te melden</h1>
<p style="padding-top: 1.5rem;">Probeer het opnieuw of neem contact met ons op.</p>
</div>
</div>
<div id="hMeldingOKVoortzetten" class="form__item fdf-initial-padding" style="display: none;">
<div class="html">
<h1 class="js-title-h1 title__h1 ">Het is gelukt, je bent aangemeld!</h1>
<p style="padding-top: 1.5rem;">Leuk dat je ook meedoet met a.s.r. Vitality. Binnen een uur krijg je een e-mail van ons. Daarin bevestigen wij dat je je lidmaatschap hebt voortgezet via je werkgever.</p>
</div>
</div>
<div id="hMeldingOKAanmelden" class="form__item fdf-initial-padding" style="display: none;">
<div class="html">
<h1 class="js-title-h1 title__h1 ">Het is gelukt, je bent aangemeld!</h1>
<p style="padding-top: 1.5rem;">Leuk dat je ook meedoet met a.s.r. Vitality. Binnen een uur krijg je een e-mail van ons. Daarin vragen we je je e-mailadres te bevestigen. </p>
<p>Na je bevestiging krijg je een e-mail met je unieke activatiecode voor a.s.r. Vitality. Met deze activatiecode kun je je registreren in de app. Daarna, kun je echt van start!</p>
</div>
</div>
<div id="hWhatsApp" class="form__item fdf-initial-padding">
<div class="html">
<p>Ons ServiceTeam zit op werkdagen voor je klaar tussen 8:30 en 17:30.</p>
<div class="container">
<div>
<a rel="noopener noreferrer" class="o-btn o-btn--whatsapp mr+ js-tealium-ga4" data-tealium-ga4="{"action": "click", "event_name": "button", "type":"primary", "tealium_event": "interaction", "text_content": "whatsapp", "target_link": "/vitailty/lidworden/gefaald|geslaagd" }" target="_blank" href="https://wa.me/31651248836"><img src="/Areas/asrnl/Assets/img/vitality/whatsapp-full.svg" alt="WhatsApp"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
Text Content
Cookies De websites van ASR Nederland maken gebruik van cookies. Sommige cookies plaatsen we altijd, bijvoorbeeld om de websites goed te laten werken en om het gedrag erop volledig anoniem, te kunnen analyseren. Daarnaast plaatsen we cookies zodat jij feedback kunt geven, voor social media of om relevante advertenties op websites van derden te plaatsen. Deze cookies verzamelen mogelijk gegevens buiten onze websites. Door op ‘Akkoord’ te klikken ga je akkoord met het plaatsen van deze cookies. Ga je akkoord met onze cookies, dan kunnen we jouw online gedrag, nadat je bent ingelogd, combineren met (persoons)gegevens die je online achter laat of eerder aan ons hebt verstrekt. Wil je zelf aangeven voor welke cookies je toestemming geeft, klik dan op 'Wijzig mijn instellingen'. Meer weten? Lees ons cookiebeleid. Akkoord Wijzig mijn instellingen Ad Blocker Het lijkt er op dat je een ad blocker hebt. Je kunt daardoor niet kiezen welke cookies wij plaatsen. Daarom plaatsen wij alleen de functionele cookies. Akkoord * Particulier * Zakelijk Toegankelijkheid Stel je vraag * Producten * Thema's * Over a.s.r. * Service & contact * Adviseur * Particulier * Producten * Verzekeren * Autoverzekering * Inboedelverzekering * Woonhuisverzekering * Aansprakelijkheidsverzekering * Rechtsbijstandverzekering * Ongevallenverzekering * Doorlopende reisverzekering * Alle verzekeringen * Snel naar * Direct afsluiten * Gegevens wijzigen * Schade melden * Voordeelpakket * Pensioen * Doenpensioen * Werknemerspensioen inloggen * Overige pensioenen * Persoonlijk pensioen * Direct Ingaand Pensioen * Alles over jouw pensioen * Snel naar * Informatie voor werkgevers * Inzicht in je financiële situatie * Bereken Direct Ingaand Pensioen * Hypotheek * WelThuis hypotheek * Startershypotheek * Verduurzamingshypotheek * Levensrente hypotheek * DigiThuis hypotheek * Alles over onze hypotheken * Snel naar * Actuele hypotheekrente * Bereken hoeveel je kunt lenen * Mijn Hypotheek inzien of aanpassen * Levensverzekeringen * Overlijdensrisicoverzekering * Belastingregels * Alles over onze levensverzekeringen * Snel naar * Inloggen of een a.s.r. account aanmaken * Bereken premie Overlijdensrisicoverzekering * Je verzekering uitkeren * Je verzekering wijzigen * Beleggen * Snel naar * Maak een belafspraak * Service & contact * Beleggen voor je pensioen * Beleggen voor een eigen doel * Inzicht in je financiële situatie * Alles over beleggen bij a.s.r. * Zorgverzekering * Onze zorgverzekeringen * Snel naar * Vergoeding zoeken * Declaratie indienen * Zorgverlener zoeken * Inloggen * Uitvaartverzekering * Snel naar * Overlijden melden * Premie berekenen * Persoonlijk advies * Service & contact * Inloggen of maak een account * Uitvaartverzekering a.s.r. * Uitvaartkosten berekenen * Ardanta is a.s.r. * a.s.r. Vitality * Lid worden * Bekijk de beloningen * Zo werkt het * Inspiratie * Alles over a.s.r. Vitality * Snel naar * Service en contact * Punten verdienen * a.s.r. voor * Werknemer * Zorgaanbieder * Thema's * Duurzaam leven * Duurzaam wonen * Duurzaam reizen * Duurzaam vervoer * Duurzaam consumeren * Recyclen * Alles over duurzaam leven * Geldzaken * Omgaan met schulden * Studieschuld * Geld besparen * 18 jaar, wat moet je regelen? * Financieel inzicht * Mijn financiële doel * Sparen of beleggen * Geld overhouden door budgetteren * Alles over geldzaken * Financiële doelen * Eerder stoppen met werken * Minder werken * Kind laten studeren * Vitaliteit * Voldoende bewegen * Burn-out herkennen en voorkomen * Gezond leven door een gezonde levensstijl * Gezond ouder worden * Gezonde voeding * Beter leren ontspannen * De balans tussen werk en privé * Alles over vitaliteit * Nieuwe baan * Alles over je nieuwe baan * Eerste huis * Alles over je eerste huis * Over a.s.r. * Service & contact * Adviseur terug naar Vitality Home Vitality lid worden meerminder * startinformatie voor deelnemers * activity trackers & fitness apps * vitality punten verdienen * gezondheid check * service * privacy * voor werkgevers * voor ondernemers LEUK DAT JE MEE WILT DOEN MET A.S.R. VITALITY! Goed nieuws! Je werkgever heeft je uitgenodigd om deel te nemen aan a.s.r. Vitality. Hét gezondheidsprogramma dat dagelijks bewegen stimuleert door je wekelijks en maandelijks te belonen. Nog een paar stappen en je kan aan de slag! Meld je hieronder aan en bevestig je e-mailadres in de mail die je van ons ontvangt. Vervolgens krijg je een unieke code waarmee je de a.s.r. Vitality app kan activeren. GOED OM TE WETEN * Je werkgever krijgt van ons nooit informatie die te herleiden is tot jou. Lees hier meer over hoe je privacy is gewaarborgd. * Je kunt deze uitnodiging ook gebruiken om je lidmaatschap voort te zetten via je werkgever met behoud van je Vitality Status en Punten. Dit kan een actief lidmaatschap zijn of een lidmaatschap dat niet langer dan 90 dagen geleden is beëindigd. * Heb je een aanvullende zorgverzekering bij a.s.r. of Ditzo? Dan spaar je bovendien voor een cashback op de premie van je verzekering. Hoe meer Vitality Punten jij jaarlijks haalt, hoe meer geld je terugkrijgt! Bekijk hier alle praktische informatie met betrekking tot je lidmaatschap. Zo maak jij zeker een vliegende start! Gegevens Aanpassen Aanpassen * (optioneel) Ik meld me aan voor een individueel lidmaatschap Ik meld me aan op uitnodiging van mijn werkgever Welke verzekering(en) heb je? Ik kies zelf van a.s.r. zorgverzekering Wat is je klantnummer? Je vindt je klantnummer op je verzekeringspas. a.s.r. zorgverzekering Wat is je klantnummer? Je vindt je klantnummer op je verzekeringspas. a.s.r. AOV Wat is je polisnummer? Je vindt je polisnummer op je polis(aanhangsel), acceptgiro of bankafschrift. Heb je meerdere polissen? Dan hoef je slechts één polisnummer door te geven. . Loyalis AOV Wat is je klantnummer? Je vindt je klantnummer op je polis. Op MijnLoyalis vind je het nummer ook terug onder je persoonlijke gegevens. Je werkgever is ''. Geef hier het e-mailadres op, waarmee jouw werkgever je heeft aangemeld en waarop jij je uitnodiging hebt ontvangen. Om te voorkomen dat iemand zich op jouw uitnodiging aanmeldt, zal er ter verificatie een code worden verstuurd, die je in de laatste stap nodig zult hebben om je aanmelding te kunnen versturen. Je zakelijk e-mailadres * (optioneel) Vul hier het e-mailadres in dat bekend is bij je werkgever. Hiermee checken we of je werkgever je als medewerker heeft aangemeld. Oops! Er gaat iets fout. Controleer je e-mailadres. Krijg je opnieuw een foutmelding? Vraag dan je werkgever of je met dit e-mailadres bent aangemeld voor a.s.r. Vitality. Neem je al deel aan a.s.r. Vitality en wil je je lidmaatschap voortzetten via je werkgever? Kies dan voor de optie "Ik ben al lid". Hiermee kan jij je huidige lidmaatschap voortzetten via je werkgever, met behoud van Vitality punten, Vitality status en eventuele device cashback. Dit kan ook wanneer je lidmaatschap niet langer dan 90 dagen geleden is beëindigd. Aanmelden als nieuw lid Ik ben al lid van a.s.r. Vitality * (optioneel) Aanmelden als nieuw lid Ik ben al lid van a.s.r. Vitality Aanhef * (optioneel) de heermevrouw Voorletters en achternaam * (optioneel) Voornaam * (optioneel) Geboortedatum * (optioneel) Mobiele telefoonnummer * (optioneel) a.s.r. Vitality nummer * (optioneel) Het a.s.r. Vitality nummer vind je in de Vitality app. Dit nummer is de identificatie van je huidige, of niet langer dan 90 dagen geleden beëindigde, lidmaatschap. Geef dit nummer op als je dit lidmaatschap, met behoud van Vitality Punten en Status, via je werkgever voort wil zetten. E-mailadres * (optioneel) Dit e-mailadres wordt gebruikt als login voor de App en voor verdere communicatie via het programma. Herhaal e-mailadres * (optioneel) Verder Adresgegevens Aanpassen Aanpassen Woon je in Nederland? * (optioneel) JaNee Land * (optioneel) Maak een keuze...BelgiëLuxemburgDuitslandMaak een keuze... Postcode en huisnummer * (optioneel) Postcode en huisnummer * (optioneel) Straat * (optioneel) Woonplaats * (optioneel) Adres: in Verder Betalingsgegevens Aanpassen Aanpassen Heb je een kortingcode? * (optioneel) JaNee Kortingscode * (optioneel) undefined Rekeningnummer * (optioneel) • a.s.r. Vitality kost €3,50 per maand, haal je een keer je weekdoel dan heb je je kosten er al uit • Je betaalt per automatische incasso • Elke maand opzegbaar Melding * (optioneel) Verder Akkoord en verzenden Aanpassen Aanpassen Overzicht van jouw aanvraag Werkgever * (optioneel) Naam: * (optioneel) Geboortedatum: * (optioneel) Telefoonnummer: * (optioneel) Emailadres: * (optioneel) Adres: * (optioneel) Nederland Adres: * (optioneel) Ik kies zelf van a.s.r. klantnummer: * (optioneel) a.s.r klantnummer: * (optioneel) a.s.r. polisnummer: * (optioneel) Loyalis klantnummer: * (optioneel) IBAN: * (optioneel) Kortingscode * (optioneel) Vitality Membership ID: * (optioneel) Om deel te nemen aan a.s.r. Vitality is het belangrijk dat je akkoord gaat met onderstaande verklaringen. Ik verklaar dat ik: * Kennis heb genomen van de algemene voorwaarden. * Toestemming geef voor het gebruik van mijn gezondheidsgegevens die van belang zijn om te kunnen profiteren van de beloningen en eventuele cashback op verzekeringen. Bekijk hoe wij omgaan met jouw privacy en lees meer in de privacyverklaring van a.s.r. * ASR Vitaliteit & Preventieve Diensten B.V. machtig om maandelijks € 3,50 van het door mij opgegeven bankrekeningnummer te incasseren. * (optioneel) Ik ga akkoord Vul hier de bevestigingscode in die we je per e-mail hebben toegestuurd als je e-mailadres '' bij ons bekend is. Kun je de e-mail niet vinden? Controleer dan je spam-box. Je code * (optioneel) Als je e-mailadres '' bij ons bekend is, hebben we je een nieuwe code toegestuurd. Stuur mij opnieuw de code Verzenden Verzenden HELAAS, HET AANMELDEN IS MISLUKT. De aanmeldcode in de link die je gebruikt is invalide of al eerder gebruikt. Je aanmelding wordt verwerkt, je wordt doorgestuurd wanneer deze klaar is. HET IS NIET GELUKT OM JE AAN TE MELDEN Probeer het opnieuw of neem contact met ons op. Ons ServiceTeam zit op werkdagen voor je klaar tussen 8:30 en 17:30. HET IS NIET GELUKT OM JE AAN TE MELDEN Probeer het opnieuw of neem contact met ons op. HET IS GELUKT, JE BENT AANGEMELD! Leuk dat je ook meedoet met a.s.r. Vitality. Binnen een uur krijg je een e-mail van ons. Daarin bevestigen wij dat je je lidmaatschap hebt voortgezet via je werkgever. HET IS GELUKT, JE BENT AANGEMELD! Leuk dat je ook meedoet met a.s.r. Vitality. Binnen een uur krijg je een e-mail van ons. Daarin vragen we je je e-mailadres te bevestigen. Na je bevestiging krijg je een e-mail met je unieke activatiecode voor a.s.r. Vitality. Met deze activatiecode kun je je registreren in de app. Daarna, kun je echt van start! Ons ServiceTeam zit op werkdagen voor je klaar tussen 8:30 en 17:30. PRODUCTEN * Verzekeren * Hypotheek * Pensioen * Levensverzekeringen * Beleggen * Zorgverzekering * Uitvaartverzekering * a.s.r. Vitality THEMA'S * Duurzaam wonen * Duurzaam leven * Geldzaken * Vitaliteit ZELF REGELEN * Inloggen * Service en contact * Zoek een adviseur A.S.R. * Blogs * Over a.s.r. * Nieuws & financiële publicaties * Werken bij a.s.r. * Fondsen en koersen * Phishing * * * * * * * disclaimer * privacyverklaring * cookies * fraudebeleid * beleggingsbeleid * meldpunt digitale kwetsbaarheden © a.s.r. Lid worden Vitality meerminder * startinformatie voor deelnemers * activity trackers & fitness apps * vitality punten verdienen * gezondheid check * service * privacy * voor werkgevers * voor ondernemers