wijinputmask Step 1 of 3: Setting up the View

In this step you'll add an input textbox that uses a phone number mask. Complete the following:

In the Solution Explorer, expand the Views | Shared folder and double-click _Layout.cshtml to open the file.

Add the following markup within the <body> tags of the page. This markup will add an input textbox with an initial numeric value. Using a zero as the masking element requires that a digit is entered.

    <div class="page">
        <div id="header">
            <div id="title">
                <h2>Overview</h2>
<div class="main demo">
<!-- Begin demo markup -->
<input type="text" id="textbox1" value="(412) 867-5309" />
      <h6>
            Mask:</h6>
      <p>
            (999) 000-0000</p>
<!-- End demo markup -->
</div>
</div>
</div>

Product Support Forum | Documentation Feedback