ng-show show error when input is empty

Question

Ok i have :

<div class="form-group">
<label for="address" class="control-label col-lg-5 col-md-6">                                @Html.Label(@Translator.Translate("STREET_ADDRESS")):
<span ng-show="editUserForm.Address.$error.required" class="required">*</span>
</label>
<div class="col-lg-7 col-md-6">
@Html.TextBoxFor(m => m.Address, new {name="Address", @class = "form-control", id = "address", @maxlength = "30", ng_model = "address", @required = "required", ng_pattern = @"/[A-Za-z]+ ?[0-9]+$/" })
</div>
</div>

So my idea is when this textbox is empty that show * but for me it not working...Any help?

What happens if you click in the text box (give it focus) and then click away (blur)? — bm1729
– bm1729, Commented Jun 29, 2015 at 13:31
for now i able to made iwhen user enter address textbox gets green when is empty textbox is red...but im not able also to show * when its empty — None
– None, Commented Jun 29, 2015 at 13:33
if it click in textbox and then click away depends of what user enter — None
– None, Commented Jun 29, 2015 at 13:35

bm1729 · Accepted Answer · 2015-06-29 13:53:17Z

2

(Moved from comments) Change the span to this:

<span ng-show="!address">*</span>

answered Jun 29, 2015 at 13:53

bm1729

2,3753 gold badges23 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

özgür kara · Accepted Answer · 2015-06-29 14:00:00Z

0

try this

   <span ng-show="editUserForm.Address.$dirty && editUserForm.Address.$error.required" class="required">*</span>

answered Jun 29, 2015 at 14:00

özgür kara

791 silver badge1 bronze badge

Collectives™ on Stack Overflow

ng-show show error when input is empty

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related