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

Post List of object using ajax in server side

  This is simple step how to send data client side to server side using javascript and jquery
/// arry your object u can store value of json type
  var array = [];
        function SendData() {
            if (array.length > 0) {
                var json_Parse = JSON.stringify(array);
             
                console.log(json_Parse);
                $.ajax({
                    type: "post",
                    url: "LargeDataPageLoad.aspx/GetString",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    data: '{ "obj":' + json_Parse + ' }',
                    success: function (response) {
                        response ? alert("It worked!") : alert("It didn't work.");
                        onCustomerClick();
                    },
                    error: function (xhr, status, error) {
                        alert(error);
                    }
                });
           
            }
       
         }

Best way manipulate data in json array get server side using client side

 <script type="text/javascript">
        $(document).ready(function () { });
        function onCustomerClick() {
            $("#CustomerDetails").html('');
            $("#CustomerDetails").append('<table widht="100%" id="newTable"  cellpadding="5">' +
            '<tr><th>&nbsp;</th><th>&nbsp;</th><th>CustomerCode</th><th>Customer Name</th><th>Name On Card</th><th>Created Date</th><th>&nbsp;</th></tr>');
            var optionHTML = '';
            optionHTML += '<select>';
            $.ajax({
                type: "post",
                url: "LargeDataPageLoad.aspx/LoadHugeData",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    $.each(response, function (key, value) {

                        var json_data = JSON.parse(value);
                        console.log();
                        for (var index = 0; index < json_data.dt.length; index++) {

                            var selectId = "select_" + index;
                            var d = new Date(json_data.dt[index]["CreatedDate"]);
                            $("#newTable").append('<tr><td>' + (index + 1) + '</td><td><input type="checkbox" onchange="enableDropdown(this,' + selectId + ')" id="chk_' + index + '"/></td><td>' + json_data.dt[index]["CustomerCode"] + '</td><td>'
                                                     + json_data.dt[index]["NameOnCard"] + '</td><td>'
                                                     + json_data.dt[index]["CustomerName"] + '  <td>' + d.toLocaleDateString()
                                                     + '</td><td id="td_' + index + '"></td></tr>'

                                               );

                            { $('#td_' + index).append('<select id="select_' + index + '" disabled="disabled" >'); }
                            for (var option = 0; option < json_data.dtOption.length; option++) {
                                if (option == 0)
                                    $('#select_' + index).append('<option value="-1">-Select-</option>');
                                $('#select_' + index).append('<option  value="' + json_data.dtOption[option]["Value"] + '">' + json_data.dtOption[option]["Name"] + '</option>');

                            }
                            $('#td_' + index).append('</select></td>');
                            //$('#td_' + index).html(optionHTML);
                        }
                        //                        $.each(value, function (key1, value1) {
                        //                            console.log(key1);
                        //                            var json_data = JSON.parse(value1);
                        //                            for (var index = 0; index < json_data.length; index++) {
                        //                                $("#newTable").append('<tr><td>' + json_data[index]["CustomerCode"] + '</td><td>'
                        //                             + json_data[index]["NameOnCard"] + '</td><td>'
                        //                             + json_data[index]["CustomerName"] + '</td>'

                        //                           );
                        //                            }

                        //                        });

                    });
                },
                error: function (xhr, status, error) {
                    alert(error);
                }
            });

            $("#CustomerDetails").append('</table>');
        }
        var array = [];

        function enableDropdown(value, ddlValue) {

            var ddlId = '#' + ddlValue.id;
            var splitValue = ddlId.split('_');
            var json_data = { id: parseInt(splitValue[1]) };

            $(ddlId).attr('disabled', !document.getElementById(value.id).checked);
            if (document.getElementById(value.id).checked) {
                array.push(json_data);
              
            } else {
              $.grep(array, function (n, i) {
                 if(typeof n != "undefined")
                if (n.id == parseInt(splitValue[1])) {
                  
                    var index = array.indexOf(array[i]);
                  
                    if (index > -1) {
                        array.splice(index, 1);
                    }
                }
                return array;
            });
            }
            console.log(array);
        }
    </script>

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>

Create XML file usign C# and then create sub node in existing file

 string file = @"c:\bb.xml";  
        // declearation 
       // parent node
        
        XmlElement subnode = xdoc.CreateElement("subnode");
       // Checking File Exist or not
        if (File.Exists(file))
        {
            xdoc.Load(@"C:\bb.xml");
            xdoc.DocumentElement.AppendChild(userinfo(txtuser.Text, txtpass.Text));
            xdoc.Save(file);
        }
        else
        {
            subnode.AppendChild(userinfo(txtuser.Text, txtpass.Text));
            xdoc.AppendChild(subnode);
            xdoc.InsertBefore(xdoc.CreateXmlDeclaration("1.0", "utf-8", null), subnode);
            xdoc.Save(file);
        }


// then create the xml node using this methods


XmlNode node = xdoc.CreateElement("Info");
        XmlNode user_node = xdoc.CreateElement("user");
        user_node.InnerText = user.ToString();
        node.AppendChild(user_node);
        XmlNode pass_node = xdoc.CreateElement("password");
        pass_node.InnerText = pass;
        node.AppendChild(pass_node);
        return node;

Top 40 blog websites visit more and more visitors

    
 Top 40 blog websites visit more and more visitors

1. The Huffington Post
   
2. BuzzFeed - Latest

3. Mashable!

4. The Verge

5. Business Insider
   
6. Gawker

6. TechCrunch

8. Ars Technica

9. Engadget

10. Gizmodo

11. Breaking news and opinions on …

12. TMZ.com | Celebrity Gossip | …
   
13. L.A. NOW
   
14. The Next Web

15. Mediaite

16. Bits

17. Deadspin

18. Boing Boing

19. Jezebel
   
20. Deadline.com

21. Hot Air

22. Laughing Squid
   
23. SB Nation

24. ZeroHedge

25. The Opinionator

26 | HuffingtonPost


27 | TMZ


28 | BusinessInsider


29 | engadget

30 | PerezHilton


31| Gizmodo


32 | Mashable


33 | TechCrunch


34 | Gawker


35 | lifehacker


36 | The Daily Beast


37 | SmashingMagazine


39 | FailBlog


40 | Kotaku


41 | boingboing

First Application with MVC pattern in form submit app

First of you create mvc application
then you create view, controller, model class

<table style="width: 100%"> <tr> <td style="width:50%; text-align: right;"> Flying From</td> <td style="width:50%;"> <%=Html.TextBox("txt_flying_from")%> <%=Html.ValidationMessage("txt_flying_from", "Shold Not Blank")%></td> </tr> <tr> <td style="text-align: right"> Flying To</td> <td> <%=Html.TextBox("txt_flying_to")%> <%=Html.ValidationMessage("txt_flying_to", "Shold Not Blank")%> </td> </tr> <tr> <td style="text-align: right"> Depart Date</td> <td> <%=Html.TextBox("txt_D_Date")%> <%=Html.ValidationMessage("txt_D_Date", "Date is Required")%> </td> </tr> <tr> <td style="text-align: right"> Return Date</td> <td> <%=Html.TextBox("txt_R_Date")%><%=Html.ValidationMessage("txt_R_Date", "Date is Required")%></td> </tr> <tr> <td style="text-align: right"> Class</td> <td> <% %></td> </tr> <tr> <td colspan="2" align="center"> <div style="float:right; width:600px;"> <span style="float:left; width:150px;">Adults<br /></span> <span style="float:left; width:150px;">Infants <br /></span> <span style="float:left; width:150px;">Children <br /></span> </div> </td> </tr> <tr> <td style="text-align: right"> Preference</td> <td>  </td> </tr> <tr> <td>  </td> <td> <input type="submit" value="Search" /></td> </tr> </table> </div> <%} %>"> then go the view page see the code in form submit


then go the model class
create you database class and property
public class Airline_City_Code { public string City { get; set; } public string country { get; set; } public string Code { get; set; }

then go Controller page create your logic

3 if (txt_flying_from.Trim().Length == 0) { ModelState.AddModelError("txt_flying_from", "required"); } else if (txt_flying_to.Trim().Length == 0) { ModelState.AddModelError("txt_flying_to", "required"); } else if (txt_D_Date.Trim().Length == 0) { ModelState.AddModelError("txt_D_Date", "required"); } else if (txt_R_Date.Trim().Length == 0) { ModelState.AddModelError("txt_R_Date", "required"); } DataSet ds = new DataSet(); ds = obj.ExeeQuery(command); ViewData["user"] = ds.Tables[0].Rows[0]["username"].ToString(); return View();

put into the controller class