<h1>
    InputMask maskFull
</h1>

<p>
    The InputMask control exposes a <b>maskFull</b> property that
    indicates whether the mask has been completely filled.
</p>
<p>
    For example, these controls will show their content in
    red until the masks are completely filled out, and
    optionally clears their content when the control loses
    focus and the mask is not full:
</p>

<div class="demo-settings">
    <label for="clearIncomplete">Clear Incomplete: </label>
    <input id="clearIncomplete" type="checkbox" checked="true"><br />
</div>

@Html.C1().InputMask().Id("theSSN").Mask("000-00-0000").Placeholder("SSN").IsRequired(false).Value("")
@Html.C1().InputMask().Id("theZip").Mask("00000").Placeholder("Zip Code").IsRequired(false).Value("")
@Html.C1().InputMask().Id("theZip4").Mask("00000-0000").Placeholder("Zip Code + 4").IsRequired(false).Value("")
@Html.C1().InputMask().Id("thePhone").Mask("(999) 000-0000").Placeholder("Phone Number").IsRequired(false).Value("")