Help BC Webform custom date Field

Question

I have a BC webform which I have decided to use a custom field as the date field, because BC Date picker is buggy for users. This is my webform:
<form name="catwebformform72193" method="post" onsubmit="return checkWholeForm72193(this)" enctype="multipart/form-data" action="https://myastymin.worldsecuresystems.com/FormProcessv2.aspx?WebFormID=104882&OID={module_oid}&OTYPE={module_otype}&EID={module_eid}&CID={module_cid}&CC={module_urlcountryc ode}&Referrer={module_siteurl,true,true}">
  <span class="req">*</span> Required
  <table class="webform" cellspacing="0" cellpadding="2" border="0">
    <tr>
      <td><label for="Title">Title</label>
        <br />
        <select name="Title" id="Title" class="cat_dropdown_smaller">
          <option value="299539">DR</option>
          <option value="299538">MISS</option>
          <option value="299535" selected="selected">MR</option>
          <option value="299536">MRS</option>
          <option value="299537">MS</option>
        </select></td>
    </tr>
    <tr>
      <td><label for="FirstName">First Name <span class="req">*</span></label>
        <br />
        <input type="text" name="FirstName" id="FirstName" class="cat_textbox" maxlength="255" /></td>
    </tr>
    <tr>
      <td><label for="LastName">Last Name <span class="req">*</span></label>
        <br />
        <input type="text" name="LastName" id="LastName" class="cat_textbox" maxlength="255" /></td>
    </tr>
    <tr>
      <td><label for="CAT_Custom_352788">Date of Birth <span class="req">*</span></label>
        <br />
        <input type="text" maxlength="4000" name="CAT_Custom_352788" id="CAT_Custom_352788" class="cat_textbox" /></td>
    </tr>
    <tr>
      <td><label for="EmailAddress">Email Address <span class="req">*</span></label>
        <br />
        <input type="text" name="EmailAddress" id="EmailAddress" class="cat_textbox" maxlength="255" /></td>
    </tr>
    <tr>
      <td>{module_ccsecurity}</td>
    </tr>
    <tr>
      <td><label for="Username">Username <span class="req">*</span></label>
        <br />
        <input type="text" name="Username" id="Username" class="cat_textbox" maxlength="255" /></td>
    </tr>
    <tr>
      <td><label for="Password">Password <span class="req">*</span></label>
        <br />
        <input type="password" name="Password" id="Password" class="cat_textbox" maxlength="255" autocomplete="off" /></td>
    </tr>
    <tr>
      <td><label for="PasswordConfirm">Confirm Password <span class="req">*</span></label>
        <br />
        <input type="password" name="PasswordConfirm" id="PasswordConfirm" class="cat_textbox" maxlength="255" autocomplete="off" /></td>
    </tr>
    <tr>
      <td><input type="checkbox" name="CampaignList_223" />
        Subscribe to: Astymin Postboard</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="CampaignList_224" />
        Subscribe to: Postboard Users Birthday Card</td>
    </tr>
    <tr>
      <td><input class="cat_button" type="submit" value="Submit" id="catwebformbutton" /></td>
    </tr>
  </table>
  <script type="text/javascript" src="http://www.myastymin.com/CatalystScripts/ValidationFunctions.js"></script><script type="text/javascript">
//<![CDATA[
var submitcount72193 = 0;function checkWholeForm72193(theForm){var why = "";if (theForm.FirstName) why += isEmpty(theForm.FirstName.value, "First Name"); if (theForm.LastName) why += isEmpty(theForm.LastName.value, "Last Name"); if (theForm.EmailAddress) why += checkEmail(theForm.EmailAddress.value); if (theForm.Username) why += isEmpty(theForm.Username.value, "Username"); if (theForm.Password && theForm.PasswordConfirm) { why += isEmpty(theForm.Password.value, "Password"); why += isEmpty(theForm.PasswordConfirm.value, "Confirm Password"); if (theForm.Password.value != theForm.PasswordConfirm.value) why += appendBreak("- Password and its confirmation do not match."); if (theForm.Password.value.length < 6) why += appendBreak("- Password must be 6 characters or longer."); } if (theForm.CAT_Custom_352788) why += isEmpty(theForm.CAT_Custom_352788.value, "Date of Birth");if(why != ""){alert(why);return false;}if(submitcount72193 == 0){submitcount72193++;theForm.submit();return false;}else{alert("Form submission is in progress.");return false;}}
//]]>
</script>
</form>
But I want the date field (highlighted) to look like this Well formatted date of birth input field - JSFiddle (The Date Format Normal. Not the tab option. I mean the second styling ). Issues like validation and should each date parameter be a separate field, etc is my headache. Please can someone kindly look into this BC webform and kindly help. Kind regards.

Answer 1

Hi,
I think only CHAR and NUM data types are allowed in OXK3, not possible to assign dats.
Thanks,
Shailaja Ainala.