I am experiencing a display error when validating my form on some mobile devices. If I fail the client side date validation on a text box field other drop down lists below this field lose their displayed text values. I am using a regular expression to validate the date field. 

Is anyone else having a similar problem?

Below is an example of my code that has been anonymised.

In my model I have:

1. using System.ComponentModel.DataAnnotations;
     
   [Required(ErrorMessage = "Please enter - Travel Date :")]        
   [DataType(DataType.Date)]
   [Display(Name = "Travel Date *")]
   public DateTime Travel_Date { get; set; }
   
   
   public int Item_List { get: set; }

In my view I have:

1.    <li data-role="fieldcontain" data-theme="a" >
               @Html.ValidationMessageFor(model => model.Travel_Date)
               @Html.LabelFor(model => model.Travel_Date)
               @Html.DateFor("Travel_Date", @Model.Travel_Date, new { placeholder = "Day/Month/Year" })
               <!--tooltip-->
                   <a href="#tipTravelDate" data-rel="popup" data-role="button" data-icon="info" data-inline="true" class="tooltip"></a>
                    <div data-role="popup" id="tipTravelDate" class='ui-content'>
            <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
                   //tooltip content here...
                    </div>   
         <!--/tooltip-->  
         </li>
         <li data-role="fieldcontain" data-theme="a" >
               @Html.ValidationMessageFor(model => model.Item_List)
               @Html.LabelFor(model => model.Item_List)
               @Html.ItemList("Item_List")
         <!--tooltip-->
                   <a href="#tipItemList" data-rel="popup" data-role="button" data-icon="info" data-inline="true" class="tooltip"></a>
                   <div data-role="popup" id="tipItemList" class='ui-content'>
            <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
                   //tooltip content here...
                    </div>        
         <!--/tooltip-->  
          </li>

In Html Helpers:

2. public static MvcHtmlString DateFor(this HtmlHelper helper, string name, object date, object htmlProperties)
3.         {
4.             string datex = date.ToString();
5.             if (date != null && Convert.ToDateTime(date).ToShortDateString() == "01/01/1900")
6.             {
7.                 date = null;
8.             }
9.             if (datex.Contains("01/01/0001"))
10.             {
11.                 date = null;
12.             }
13.             if (date == null)
14.             {              
15.                 return helper.TextBox(name, string.Empty, htmlAttributes: htmlProperties );
16.             }
17.             return helper.TextBox(name, Convert.ToDateTime(date).ToShortDateString());            
18.         }
20. public static MvcHtmlString ItemList(this HtmlHelper helper, string value, object htmlProperties)
21.         {
22.             DisplayServices _services = new DisplayServices();        
23. 
    
24.             DropDownEntity[] itemList = _services.GetAllItems();
26.     List<SelectListItem> items = new List<SelectListItem>();
27. 
    
28.             items.Add(new SelectListItem { Text = "Select", Value = string.Empty });
29.             foreach (DropDownEntity dl in itemList)
30.             {
31.                 items.Add(new SelectListItem { Text = dl.TextField, Value = dl.ValueField });
32.             }
33.             return helper.DropDownList(value, items, htmlProperties);
34.         }