Validation for Dropdown on click of submit is not working for IE9. Screenshot attached.

2 posts, 0 answers
  1. Azhar
    Azhar avatar
    1 posts
    Member since:
    Feb 2013

    Posted 22 Feb 2013 Link to this post

    Hi ,

    I have a problem with validation for dropdown on click of submit. The validation triggers in Chrome but IE9 doesnt support, so could any one suggest a work around for IE.

    Here is the dropdown UI

    <div id="ModalMaterialCodeMappingForm">
        <div class="editor-row" style="padding-bottom: 1em;">
            <div class="selector-type-column">
            <div class="float-left editor-label" style="width: 80px;">
                @Html.LabelFor(model => model.TerminalName)
            <div class="float-left">
                @Html.TextBoxFor(model => model.TerminalName, new {selectedValue = "0", @class = "selector"})&nbsp;<span  style="color:red">*</span><span class="k-invalid-msg" data-for="TerminalName"></span>
            <div class="clear"></div>

    the dropdown is an autocomplete which has a placeholder, if i remove the place holder the validation triggers.

            minLength: 1,
            dataTextField: "Value",
            dataValueField: "Key",
            filter: "contains",
            placeholder: placeHolderText

    I have attached the screenshots.
  2. Daniel
    Daniel avatar
    2231 posts

    Posted 26 Feb 2013 Link to this post


    Internet Explorer(at least before 10) does not support the placeholder attribute. Thus in order to show a placeholder, it is set to the input and the validation will pass since there is a value. If the placeholder is needed then a possible workaround is to implement a custom validation rule which checks whether the value is set and is different then the autocomplete placeholder.

    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top