Website validation in AngularJs

Question

I have a field that accepts a URL. How do I validate this URL in angularjs.

<div class="controls">
   <input type="text" ng-model="controller.data.PropertyWebsite"/>
</div>

Any ideas and suggestions are appreciated !!!!

Please define what exactly you mean by validate.

Steve Klösters
– Steve Klösters

2014-05-07 15:43:49 +00:00
Commented May 7, 2014 at 15:43 — Steve Klösters
– Steve Klösters, Commented May 7, 2014 at 15:43
stackoverflow.com/questions/1701898/…

przno
– przno

2014-05-07 15:49:12 +00:00
Commented May 7, 2014 at 15:49 — przno
– przno, Commented May 7, 2014 at 15:49

Azox · Accepted Answer · 2014-06-09 23:17:24Z

1

Add a html input[url] to a form and mark it as required, then use angular to check if the form is valid or not:

html:

<form name="form">
    <tr>
        <td><input type="url" name="url" required></td>
    </tr>
    <tr>
        <td><button type="submit" ng-click="SubmitForm('form')">submit</button>                                    </td>
    </tr>
</form>

controller:

$scope.submitForm = function () {

    if (this.form.$invalid)
        //not valid
    } else {
        //valid
    }
}

More information about url input: https://docs.angularjs.org/api/ng/input/input%5Burl%5D

edited Jun 9, 2014 at 23:17

answered May 7, 2014 at 15:59

Azox

1,9402 gold badges15 silver badges22 bronze badges

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

Comments

Aidin · Accepted Answer · 2014-05-07 15:48:23Z

0

You can use ng-pattern to validate against a RegEx. https://docs.angularjs.org/api/ng/directive/input

answered May 7, 2014 at 15:48

Aidin

2,13423 silver badges26 bronze badges

Collectives™ on Stack Overflow

Website validation in AngularJs

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related