Untitled

Data in textbox
two way binding

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <script src="angular.min.js" type="text/javascript"></script>

    </head>
    <body>
        <div ng-app="myApp" ng-controller="ctrl">
            Type text here: <input ng-model="text">
            <h2>{{text}}</h2>
        </div>

        <script>
            var app = angular.module('myApp', []);
            app.controller('ctrl', function($scope) {
        });
</script>
    </body>
</html>

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

Angular validations


<html>
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="angular.min.js" type="text/javascript"></script>
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <script src="js/vendor/bootstrap.min.js" type="text/javascript"></script>
        <script src="js/vendor/jquery-1.11.2.min.js" type="text/javascript"></script>
        <style>
            span{
                color: red;
            }
        </style>
    </head>
    <body ng-app="validation">
        <div ng-controller="ctrl">
        <form name="frm" novalidate ng-submit="show()">
            <label for="name">Name</label>
            <input name="name" type="text" ng-model="user.name"
                   required
                   ng-minlength="6"
                   ng-pattern="/^[a-zA-Z]/">
            <span ng-show="frm.name.$dirty && frm.name.$error.required">name is required</span>
            <span ng-show="frm.name.$dirty && frm.name.$error.minlength">min 6 char</span>
            <span ng-show="frm.name.$dirty && frm.name.$error.pattern">/Only alphabates</span>


            <span></span>
        <br>


            <label for="email">E-Mail</label>
            <input type="email" name="emailid" ng-model="user.email"
                   ng-pattern="/^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/" required>
            <span ng-show="frm.emailid.$dirty && frm.emailid.$error.required">Email is required</span>
            <span ng-show="frm.emailid.$dirty && frm.emailid.$error.email">Email id is not valid</span>
        <br>

            <label for="password">Password</label>
            <input name="pwd" type="password" ng-model="user.pwd"
                   required
                   ng-minlength="8"
                   ng-pattern="/(?=.*\d)(?=.*[a-zA-Z])(?=.*[A-Z])/">

            <span ng-show="frm.pwd.$dirty && frm.pwd.$error.required">Password is required</span>
            <span ng-show="frm.pwd.$dirty && frm.pwd.$error.minlength">atleast 8 characters are required</span>
            <span ng-show="frm.pwd.$dirty && frm.pwd.$error.pattern">Should contain 1 number,characters,1 special character</span>
            <span></span>
            <span></span>
        <br>

              <label for="phone">Phone</label>
              <input type="text" name="phone" ng-model="user.phone"
                   required ng-maxlength="10" ng-pattern="/[0-9]/">
            <span ng-show="frm.phone.$dirty && frm.phone.$error.required">phone is required</span>
            <span ng-show="frm.phone.$dirty && frm.phone.$error.maxlength">should be 10 numbers</span>
            <span ng-show="frm.phone.$dirty && frm.phone.$error.pattern">only numbers</span>
            <span></span>
        <br>

        <input type="submit" class="btn btn-primary" name="submit" value="Submit" ng-disabled="frm.$invalid">
        <br>
        </form>
        </div>
        <script>
            var app=angular.module("validation",[]);
            app.controller("ctrl",function($scope){
                $scope.show=function (){
                    alert("welcome");
                }
            });
        </script>
    </body>
</html>


%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

tooltip

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="angular.min.js" type="text/javascript"></script>
       <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.3.3/ui-bootstrap-tpls.min.js"></script>

    </head>
    <body ng-app="myapp">

        <button class="btn btn-primary" tooltip-placement="bottom" uib-tooltip="This is tooltip">Tool</button>

        <script>
            var app=angular.module("myapp",['ui.bootstrap']);
            </script>
    </body>
</html>


%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%


read file


<body ng-app="myapp">
        <div ng-controller="ctrl">
            <table border="1">
                <tr><th>Name</th><th>Roll No</th></tr>
                <tr ng-repeat="data in fileData">
                    <td>{{data.name}} </td>
                    <td>{{data.rollno}} </td>
                </tr>
            </table>


        </div>
<!--        <hr>
        <div ng-controller="ctrl">
            <div ng-if="content">

                File content is:<pre>{{textfile}}</pre>
            </div>


        </div>-->

    <script>
        var app=angular.module("myapp",[]);
        app.controller("ctrl",function($scope,$http){
        $http.get('file.json').then(function(response){
        $scope.fileData=response.data;
       });
    });

//        app.controller("ctrl",function($scope,$http){
//        $http.get('minmax.txt').then(function(response){
//        $scope.textfile=response.data;
//       });
//    });
    </script>
    </body>


%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%


exports.palindrome=function(str){

  var len = Math.floor(str.length / 2);
    for (var i = 0; i < len; i++)
    {
    if (str[i] !== str[str.length - i - 1])
        {
            console.log("String is not Palindrome");
            break;
        }
    }
    console.log("String is Palindrome");
}


exports.fact=function(num){
    var f=1;
    for(var i=1;i<=num;i++)
    {
        f=f*i;
    }
    return f;

}


var f=require('./demo.js');
console.log(f.fact(5));


var f=require('./palindrom.js');
f.palindrome("madam");

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

function fun(){
    var element=document.createElement("p");
    var node=document.createTextNode("CDAC");
    element.appendChild(node);
    document.body.appendChild(element);


}
function f()
{
    var element=document.createElement("input");
    element.setAttribute("type","text");
    element.setAttribute("id","txtBox");

    document.body.appendChild(element);
}


%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

JQUERRY validations


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Form Validation in jQuery</title>


<script src="jquery-3.3.1.min_1.js" type="text/javascript"></script>
<script src="jquery.validate.js" type="text/javascript"></script>
<style>
    label.error{
        color:red;
    }
</style>
<script>
    $(document).ready(function(){
        $("#userForm").validate({
            rules:{
               name:
                       {
                           required :true,
                           lettersonly: true
                       },
               email:
                       {
                           required:true,
                           email:true
                       },
               phone:
                       {
                           required:true,
                           number:true,
                           minlength:10,
                           maxlength:10
                       },
               url:
                       {
                           required:true,
                           url:true
                       },
               username:
                       {
                           required:true,
                           minlength:6,

                       },
              password:
                      {
                          required:true,
                          minlength:8

                      },
              confirm_password:
                      {
                          required:true,
                          minlength:8,
                          equalTo:"#password"
                      },

              agree: "required"
            },
         messages:{

             name:
                     {
                         required:"Please enter name",
                         letersonly:"Name should have only characters"
                     },
             email:
                     {
                         required:"Please enter email",
                         email:"Please enter valid email"
                     },

             phone:  {
                         required:"Please enter phone",
                         number:"Please enter valid phone",
                         minlength:"no should have 10 digits",
                         maxlength:"no should not exceed 10 digits"
                     },

             url:
                     {
                         url:"Please enter valid url"
                     },

             username:
                     {
                         required:"Please enter username",
                         minlength:"username should have atleast 6 characters"
                     },

             password:
                     {
                         required:"Please enter password",
                         minlength:"password should have atleast 8 characters"
                     },
             confirm_password:
                     {
                         required: "Please enter confirm password",
                         minlength: "Your password should have at least 8 characters",
                         equalTo: "Please enter the same password as above"
                     },

             agree:"Please accept t&C"

         }

        });
    });
</script>
</head>


<body>

<form id="userForm" method="post">
    <p>
        <label for="name">Name</label>
        <input id="name" name="name" type="text" ></input>
    </p>
    <p>
        <label for="email">E-Mail</label>
        <input id="email" type="email" name="email" ></input>
    </p>
    <p>
        <label for="phone">Phone</label>
        <input id="phone" type="number" name="phone" ></input>
    </p>
    <p>
        <label for="url">URL</label>
        <input id="url" type="url" name="url"></input>
    </p>
    <p>
        <label for="username">Username</label>
        <input id="username" name="username" type="text"></input>
    </p>
    <p>
        <label for="password">Password</label>
        <input id="password1" name="password" type="password"></input>
    </p>
    <p>
        <label for="confirm_password">Confirm password</label>
        <input id="confirm_password" name="confirm_password" type="password"></input>
    </p>
    <p>
        <label for="agree">Please agree to our policy</label>
        <input type="checkbox" class="checkbox" id="agree" name="agree"></input>
    </p>
    <p>
        <input class="submit" type="submit" value="Submit"></input>
    </p>
</form>

</body>
</html>
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%


%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%