set cannot delete the country code from textbox

Abhilash J A

9y909

Hello,

I am working on MVC 5,

After select country from dropdownlist, getting countrycode then set value in the textbox like this,

then, how can I set the country code that can't be removed from the textbox, then enter mobile number?

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Nigel Fernandes9y ago
Accepted answer
Try this:

HTML:
<div class="form-group">
                                            <label for="exampleInputEmail1">Mobile Number <span class="requireValidate">*span>label>
                                            <div class="input-box">
                                                <span class="unit" id="idSpanMobile">+ 91span>
                                           <input name="MobileNumbers" class="form-control input-sm " data-val="true" data-val-regex="Not a valid Mobile number" data-val-regex-pattern="^[\+\d]+(?:[\d-.\s()]*)$" data-val-required=" " id="iduserMobile" maxlength="15" placeholder="Mobile Number" type="text" value="" > div>
                                            <span class="field-validation-valid" data-valmsg-for="MobileNumbers" data-valmsg-replace="true">span>
                                        div>
CSS:
.input-box { border:1px solid black; display: inline-block;   }

#iduserMobile {  border:none; display: inline; padding-left:2px;}


.unit {  }
Ramesh Palanivel9y ago
Hi Abhilash,

My suggesstion is , Use bootstrap "input-group" class which has textbox with labels,

Show the country code in that, Try the below link, IT may help you!..

https://v4-alpha.getbootstrap.com/components/input-group/
Nigel Fernandes9y ago
Edited your js fiddle:

http://jsfiddle.net/pZLcg/500/
Abhilash J A9y ago
@Nigel,

I have a different design with input type textbox. Then How can apply the '+91' inside textbox? here is fiddle for actual design.

http://jsfiddle.net/pZLcg/499/
Nigel Fernandes9y ago
Try something like this:

Set the input style to no borders. and set borders on the div.