JSFiddle - React, Tailwind, and code Playground

by rushijogle

HTML

<form role="form" ng-app="myApp" ng-controller="ipaddress">
            <div class="form-group" >
                <label>IP Adress</label>
                <input type="number" class="form-control" id="email" >
            </div>
            <div class="form-group">
                <label for="pwd">Password:</label>
                <input type="password" class="form-control" id="pwd">
            </div>
            <div class="checkbox">
                <label><input type="checkbox"> Remember me</label>
            </div>
            <button type="submit" class="btn btn-default" ng-click="myfun()">Submit</button>
        </form>

JavaScript

var myApp = angular.module('myApp', []);
            myApp.controller('ipaddress', function ($scope) {
                $scope.myfun = function () {
                    var abc = document.getElementById('email').value;
                    var ipformat = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
                    if (abc.value.match(ipformat))
                    {
                        alert("valid");
                    }
                    else{
                        alert("invalid");
                    }
                }
            });