JavaScript

Showing posts with label java script. Show all posts
Showing posts with label java script. Show all posts

Wednesday, 24 June 2015

Form Validation throgh Angular js

 i am searching on internet then found many missing thing on validation on form when you are beginner and learning in angular js
I am follow few step of validation of angular js then validate my form. validation script
   var d = angular.module('myapp', []);
    d.controller('HomeController', function($scope) {
      $scope.loginForm = {
        UserName: '',
        password: '',
        email: '',
        Gender: [{
          value: 0,
          text: '--select--'
        }, {
          value: 1,
          text: 'Male'
        }, {
          value: 2,
          text: 'female'
        }]
      }
      $scope.form = $scope.loginForm.Gender[0].value

      $scope.validate = function(model) {

        $scope.form1.$submitted = true;
        $scope.selectedGender = document.getElementById('ddlGender').value == '0'
        if ($scope.selectedGender) {
          return false;
        }
        if ($scope.form1.$valid) alert(1);

      }
      $scope.onSelectChange = function() {
        $scope.selectedGender = document.getElementById('ddlGender').value == '0'
      }

    })

Name This is required
Password This is required
Gender this is required

Friday, 31 May 2013

Creat google map your website

<script type="text/javascript">
var map;
var infowindow;
 var k =0
var lat = [28.6312870,28.634244 ,28.634401,28.626969]
var lang =[77.2270520, 77.22220300000004, 77.222125,77.22228300000006]
var destination =['Lalit House', 'Nirulas', 'Costa Coffee','British Council']
function initialize()
{
  var pyrmont = new google.maps.LatLng(28.6312870, 77.2270520);
  map = new google.maps.Map(document.getElementById('googleMap'), {
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    center: pyrmont,
    zoom: 15
  });

 
  infowindow = new google.maps.InfoWindow();
  var service = new google.maps.places.PlacesService(map);
  var placeLoc = '(28.6312870, 77.2270520)';
  for(var i =0 ; i< lat.length; i++)
    {
  if(i < lang.length){
  for(var j =0 ; j < lang.length; j++)
  {
  var items = new google.maps.LatLng(lat[i++],lang[j])
   if(j< destination.length){
    createMarker(items,destination[k])
        }
     k++;
      }
    }
  }
}
function createMarker(place,name)
{
  var marker = new google.maps.Marker({ map: map, position:place });
  google.maps.event.addListener(marker, 'click', function()
  {
    infowindow.setContent(name+"<div><a href=\"\">More Info</a></div>");
    infowindow.open(map, this);                 
  });
}
google.maps.event.addDomListener(window, 'load', initialize);

    </script>
<div id="googleMap" style="width:400px; height:300px;" runat="server"></div>

Monday, 6 February 2012

how to validate date in dd/mmm/yyyy format

this is simple validation in date format

function a(){
var i=document.getElementById("t1").value;

if(abc(i)){
alert("valid")}
else
{
alert("not valid");
}
}
function abc(output){
var i=output;
var reg= new RegExp("^([0][1-9]|[1-2][0-9]|[3][0-1])/(jan|JAN|Jan|feb|Feb|FEB|mar|Mar|MAR|apr|Apr|APR|may|May|MAY|May|Jun|jun|JUN|jul|JUL|Aug|aug|AUG|Sep|sep|SEP|Oct|oct|OCT|nov|Nov|NOV|dec|DEC|Dec)/([1-9][0-9][0-9][0-9])");
//document.write(i);
return reg.test(i);
//if(i=="")
//alert("blank");
}
 </script>