DOTNET POINT

Thursday, 13 April 2017

DML opration in angularjs using angularjs,webapi

web api code :

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Net.Http;
using System.Web.Http;
using WebApplication39.Models;

namespace WebApplication39.Controllers
{
public class EmpserviceController : ApiController
{
[HttpGet]
[Route("api/Empservice/")]
public List<EMP> Gets()
{
using (Database1Entities obj = new Database1Entities())
{
return obj.EMPs.ToList();
}
}
[HttpGet]
[Route("api/Empservice/Getcountry")]
public List<COUNTRY> Getc()
{
using (Database1Entities obj = new Database1Entities())
{
return obj.COUNTRies.ToList();
}
}
[HttpGet]
[Route("api/Empservice/Getstate/{CID}")]
public List<STATE> Getst(int CID)
{
using (Database1Entities obj = new Database1Entities())
{
return obj.STATEs.Where(m => m.CID == CID).ToList();
}
}
[HttpGet]
[Route("api/Empservice/Get/{EID}")]
public EMP Get(int EID)
{
using (Database1Entities obj = new Database1Entities())
{
return obj.EMPs.Find(EID);
}
}
[HttpPost]
public string Post(EMP emp)
{
using (Database1Entities obj = new Database1Entities())
{
obj.EMPs.Add(emp);
obj.SaveChanges();
return "Data Saved.";
}
}
[HttpPut]
public string Put(EMP emp)
{
using (Database1Entities obj = new Database1Entities())
{
EMP emp1 = obj.EMPs.Find(emp.EID);
emp1.NAME = emp.NAME;
emp1.ADDRESS = emp.ADDRESS;
emp1.PASSWORD = emp.PASSWORD;
emp1.GENDER = emp.GENDER;
emp1.ISMARRIED = emp.ISMARRIED;
emp1.DOB = emp.DOB;
emp1.CID = emp.CID;
emp1.SID = emp.SID;
obj.SaveChanges();
return "Data Updated.";
}
}
[HttpDelete]
[Route("api/Empservice/Delete/{EID}")]
public string Delete(int EID)
{
using (Database1Entities obj = new Database1Entities())
{
EMP emp = obj.EMPs.Find(EID);
obj.EMPs.Remove(emp);
obj.SaveChanges();
return "Data Deleted.";
}
}
}

}

Angularjs Code :

<!DOCTYPE html>

<head>

</head>

</div>

Eid should not be blank.

</span>

</div>

</div>

Name should not be blank.

</span>

</div>

<label class="control-label col-lg-4 ">ADDRESS</label>

</div>

Address should not be blank.

</span>

</div>

<label class="control-label col-lg-4 ">PASSWORD</label>

</div>

Password should not be blank.

</span>

</div>

<label class="control-label col-lg-4 ">GENDER</label>

<input type="radio" ng-model="EMP.GENDER" name="rb" required value="Male" />Male

<input type="radio" ng-model="EMP.GENDER" name="rb" required value="Female" />Female

</div>

Please select a gender.

</span>

</div>

<label class="control-label col-lg-4 ">ARE YOU MARRIED ?</label>

</div>

</div>

DOB should not be blank.

</span>

</div>

<label class="control-label col-lg-4 ">COUNTRY</label>

<option value="">Select</option>

</select>

</div>

Please select a country.

</span>

</div>

<label class="control-label col-lg-4 ">STATE</label>

<option value="">Select</option>

</select>

</div>

Please select a state.

</span>

</div>

</div>

<tr>

<th>ACTION</th>

</tr>

</thead>

<tbody>

<td>

<a ng-click="edit(c.EID)">Edit</a>|

<a ng-click="del(c.EID)">Delete</a>

</td>

</tr>

</tbody>

</table>

</div>

</form>

</div>

</body>

</html>

angular.module("app", [])

.controller("ctrl", function ($scope, facEmp) {

function CLR()

{

$scope.EMP = new emp();

} CLR();

function fillCountry()

{

facEmp.Getc().then(function (d) {

$scope.listc = d.data;

});

} fillCountry();

$scope.fillddl = function ()

{

fx($scope.EMP.CID);

}

function fx(s)

{

facEmp.Gets(s).then(function (d) {

$scope.lists = d.data;

});

}
$scope.reset = function ()
{
CLR();
}

$scope.save = function (isValid)

{

if (isValid)

{

facEmp.Save($scope.EMP).then(function (d) {

alert(d.data);

fill();

CLR();

});

}

function fill()

{

facEmp.Gete().then(function (d) {

$scope.liste = d.data;

});

} fill();

$scope.edit = function (s)

{

facEmp.Get(s).then(function (d) {

fx(d.data.CID);

$scope.EMP = d.data;

var cd = new Date(d.data.DOB);

$scope.EMP.DOB = ((parseInt(cd.getMonth() + 1) < 10 )? '0' + parseInt(cd.getMonth() + 1) : parseInt(cd.getMonth() + 1) )+ '-' +( (cd.getDate() < 10 )? '0' + cd.getDate() : cd.getDate() )+ '-' + cd.getFullYear();

});

}

$scope.update = function (isValid) {

if (isValid) {

facEmp.Update($scope.EMP).then(function (d) {

alert(d.data);

fill();

CLR();

});

}

$scope.del = function (s)

{

if (confirm('Do you want to delete it ?'))

{

facEmp.Delete(s).then(function (d) {

alert(d.data);

fill();

});

}

})

.factory("facEmp", function ($http)

{

var empobj = {};

empobj.Getc = function ()

{

return $http.get("http://localhost:57695/api/Empservice/Getcountry");

}

empobj.Gets = function (CID) {

return $http.get("http://localhost:57695/api/Empservice/Getstate/"+CID);

}

empobj.Save = function (EMP)

{

return $http.post("http://localhost:57695/api/Empservice/Post", EMP);

}

empobj.Update = function (EMP) {

return $http.put("http://localhost:57695/api/Empservice/Put", EMP);

}

empobj.Gete = function ()

{

return $http.get("http://localhost:57695/api/Empservice");

}

empobj.Get = function (EID) {

return $http.get("http://localhost:57695/api/Empservice/Get/" + EID);

}

empobj.Delete = function (EID) {

return $http.delete("http://localhost:57695/api/Empservice/Delete/" + EID);

}

return empobj;

});

function emp()

{

return{

EID:null,

NAME:null,

ADDRESS:null,

PASSWORD: null,

GENDER:null,

ISMARRIED: true,

DOB: null,

CID: null,

SID:null

}

</script>

validation in kendo date picker.

This datepicker did not take more than current date or greater.

$(document).ready(function () {
var d = new Date();
var month = d.getMonth() + 1;
var day = d.getDate() - 1;
var todayDate = (month < 10 ? '0' : '') + month + '/' +
(day < 10 ? '0' : '') + day + '/' +
d.getFullYear();

$("#DOB").kendoDatePicker(
{
format: "MM/dd/yyyy",
max: new Date(todayDate)
}).attr('readonly', 'true').keypress(function (event) {
if (event.keyCode == 8) {
event.preventDefault();
};
});
});
-----------------------------------------------------------
$('#txtLoadStartTime').data("kendoTimePicker").enable(false);

Friday, 10 February 2017

DML oprations in Angular js

Api code :

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Http;

using WebApplication1.Models;

namespace WebApplication1.Controllers

{

public class EmpserviceController : ApiController

{

[HttpGet]

public List<EMP> Gets()

{

using (Database1Entities obj = new Database1Entities())

{

return obj.EMPs.ToList();

}

[HttpGet]

public EMP1 Get(int EID)

{

using (Database1Entities obj = new Database1Entities())

{

return obj.EMPs.Select(x => new EMP1 { EID = x.EID, NAME = x.NAME, LPHONEMAP = obj.EMPPHONEMAPs.Where(m => m.EID == x.EID).Select(p => new EMPPHONE {PID= p.PID??0,NUMBER= p.NUMBER, LPHONE = obj.PHONEs.ToList() }).ToList() }).SingleOrDefault(P => P.EID == EID);

}

[HttpPost]

public string Post(EMP1 emp1)

{

using (Database1Entities obj = new Database1Entities())

{

obj.EMPs.Add(new EMP { EID=emp1.EID,NAME=emp1.NAME });

obj.SaveChanges();

obj.EMPPHONEMAPs.AddRange(emp1.LPHONEMAP.Select(x => new EMPPHONEMAP{ EID=emp1.EID, PID=x.PID,NUMBER=x.NUMBER }));

obj.SaveChanges();

return "Data Saved.";

}

[HttpPut]

public string Put(EMP1 emp1)

{

using (Database1Entities obj = new Database1Entities())

{

EMP emp = obj.EMPs.SingleOrDefault(m => m.EID == emp1.EID);

emp.NAME = emp1.NAME;

obj.SaveChanges();

obj.EMPPHONEMAPs.RemoveRange(obj.EMPPHONEMAPs.Where(p => p.EID == emp1.EID));

obj.SaveChanges();

obj.EMPPHONEMAPs.AddRange(emp1.LPHONEMAP.Select(x => new EMPPHONEMAP { EID = emp1.EID, PID = x.PID, NUMBER = x.NUMBER }));

obj.SaveChanges();

return "Data Updated.";

}

[HttpDelete]

public string Delete(int EID)

{

using (Database1Entities obj = new Database1Entities())

{

obj.EMPs.Remove(obj.EMPs.SingleOrDefault(m => m.EID == EID));

obj.SaveChanges();

obj.EMPPHONEMAPs.RemoveRange(obj.EMPPHONEMAPs.Where(p => p.EID == EID));

obj.SaveChanges();

return "Data Deleted.";

}

public class EMP1

{

public int EID{get;set;}

public string NAME{get;set;}

public List<EMPPHONE> LPHONEMAP { get; set; }

}

public class EMPPHONE

{

public int PID { get; set; }

public string NUMBER { get; set; }

public List<PHONE> LPHONE { get; set; }

}

Angular js Code;

<!DOCTYPE html>

<head>

</head>

<body>

</div>

</div>

<tr><td>Phone</td><td><a style="color:green;margin-left:303px" ng-click="add()">+</a></td></tr>

</table>

</tr>

</table>

</div>

</div>

<tr>

<td>ACTION</td>

</tr>

</thead>

<tbody>

<td>

<a ng-click="edit(c.EID)">Edit</a>|<a ng-click="del(c.EID)">Delete</a>

</td>

</tr>

</tbody>

</table>

</div>

</form>

</div>

</body>

</html>

angular.module("app", [])

.controller("ctrl", function ($scope, $http) {

function fill1() {

$http.get('http://localhost:57694/api/Empservice/Gets').then(function (d) {

$scope.list1 = d.data;

});

} fill1();

var n = [{ PID: 1, PHONETYPE: 'Mobile' }, { PID: 2, PHONETYPE: 'Land Line' }];

$scope.add = function ()

{

$scope.EMP1.LPHONEMAP.push({ PID: null, NUMBER: null, LPHONE: n });

}

$scope.sub = function (s)

{

if ($scope.EMP1.LPHONEMAP.length > 1)

$scope.EMP1.LPHONEMAP.splice($scope.EMP1.LPHONEMAP.indexOf(s), 1);

}

function CLR()

{

$scope.EMP1 = new eMP1();

} CLR();

$scope.save = function ()

{

$http.post('http://localhost:57694/api/Empservice/Post', $scope.EMP1).then(function (d) {

alert(d.data);

fill1();

CLR();

});

}

$scope.update = function ()

{

$http.put('http://localhost:57694/api/Empservice/Put', $scope.EMP1).then(function (d) {

alert(d.data);

fill1();

CLR();

});

}

$scope.edit = function (d)

{

$http.get('http://localhost:57694/api/Empservice/Get?EID='+d).then(function (d) {

$scope.EMP1 = d.data;

});

}

$scope.del = function (d)

{

if (confirm('Do you want to delete it ?'))

{

$http.delete('http://localhost:57694/api/Empservice/Delete?EID=' + d).then(function (d) {

alert(d.data);

fill1();

});

}

});

function eMP1()

{

return {

EID: null,

NAME: null,

LPHONEMAP: [{

PID: null,

NUMBER: null,

LPHONE:[{ PID: 1, PHONETYPE: 'Mobile' }, { PID: 2, PHONETYPE: 'Land Line' }]

}]

};

}

</script>

Wednesday, 1 February 2017

VIEW MODEL BIND IN JQUERY & MVC

Model :

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace WebApplication27.Models
{
public class EMP
{
public int EID { get; set; }
public string NAME { get; set; }
}
}

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace WebApplication27.Models
{
public class DEPT
{
public int? DID { get; set; }
public string DNAME { get; set; }
}
}

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.ComponentModel;
using System.ComponentModel.DataAnnotations;

namespace WebApplication27.Models
{
public class EMPVM
{
[Required(ErrorMessage = "EID should not blank.")]
public int? EID { get; set; }
[Required(ErrorMessage = "NAME should not blank.")]
public string NAME { get; set; }
[DisplayName("DEPARTMENT")]
public List<DEPT> LDEPT { get; set; }
[Required(ErrorMessage="DID should not blank.")]
public int? DID { get; set; }
[Required(ErrorMessage = "DNAME should not blank.")]
public string DNAME { get; set; }
}
}

Controller :

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using WebApplication27.Models;

namespace WebApplication27.Controllers
{
public class HomeController : Controller
{
// GET: Home
[HttpGet]
public ActionResult Index()
{
using (Database1Entities obj = new Database1Entities())
{
return View(obj.EMP1.ToList());
}

}
[HttpGet]
public ActionResult Create()
{
return View();
}
[HttpPost]
public ActionResult Create(EMPVM emp)
{
using (Database1Entities obj = new Database1Entities())
{
obj.EMP1.Add(new EMP1 { EID=emp.EID.Value,NAME=emp.NAME });
obj.SaveChanges();
if (emp.LDEPT != null)
{
obj.DEPT1.AddRange(emp.LDEPT.Select(m => new DEPT1 { DID = m.DID.Value, DNAME = m.DNAME }));
obj.SaveChanges();
obj.EMPMAPs.AddRange(emp.LDEPT.Select(m => new EMPMAP { EID = emp.EID, DID = m.DID }));
obj.SaveChanges();
}
else
{
obj.DEPT1.Add(new DEPT1 { DID = emp.DID.Value, DNAME = emp.DNAME });
obj.SaveChanges();
obj.EMPMAPs.Add( new EMPMAP { EID = emp.EID, DID = emp.DID });
obj.SaveChanges();
}
return RedirectToAction("Index");
}

}
[HttpGet]
public ActionResult Edit(int? id)
{
using (Database1Entities obj = new Database1Entities())
{

EMPVM emp = obj.EMP1.Where(a => a.EID == id).Select(x => new EMPVM { EID = x.EID, NAME = x.NAME, LDEPT = obj.DEPT1.Where(p => obj.EMPMAPs.Where(q => q.EID == id).Select(r => r.DID).Contains(p.DID)).Select(y => new DEPT { DID = y.DID, DNAME = y.DNAME }).ToList() }).FirstOrDefault();
return View(emp);
}
}

[HttpPost]
public ActionResult Edit(EMPVM emp)
{
using (Database1Entities obj = new Database1Entities())
{
EMP1 emp1 = obj.EMP1.Find(emp.EID);
emp1.NAME = emp.NAME;
obj.SaveChanges();
if (emp.LDEPT != null)
{
var did = emp.LDEPT.Select(a => a.DID).ToList();
obj.DEPT1.RemoveRange(obj.DEPT1.Where(x => did.Contains(x.DID)));
obj.SaveChanges();
obj.DEPT1.AddRange(emp.LDEPT.Select(m => new DEPT1 { DID = m.DID.Value, DNAME = m.DNAME }));
obj.SaveChanges();
obj.EMPMAPs.RemoveRange(obj.EMPMAPs.Where(x => x.EID == emp.EID));
obj.SaveChanges();
obj.EMPMAPs.AddRange(emp.LDEPT.Select(m => new EMPMAP { EID = emp.EID, DID = m.DID }));
obj.SaveChanges();
}
else
{
DEPT1 dept1 = obj.DEPT1.Find(emp.DID);
dept1.DNAME = emp.DNAME;
obj.SaveChanges();
EMPMAP eMPMAP = obj.EMPMAPs.Find(emp.EID);
eMPMAP.DID = emp.DID;
obj.SaveChanges();
}
return RedirectToAction("Index");
}
}
[HttpGet]
public ActionResult Delete(int? id)
{
using (Database1Entities obj = new Database1Entities())
{
EMP1 emp1 = obj.EMP1.Find(id);
return View(emp1);
}
}
[HttpPost]
public ActionResult Delete(EMP1 emp)
{
using (Database1Entities obj = new Database1Entities())
{
obj.EMP1.Remove(obj.EMP1.Find(emp.EID));
obj.SaveChanges();
obj.EMPMAPs.RemoveRange(obj.EMPMAPs.Where(x => x.EID == emp.EID));
obj.SaveChanges();
return RedirectToAction("Index");
}
}
}

}

View :

Create View Code:

@model WebApplication27.Models.EMPVM

@{
ViewBag.Title = "Create";
}

<h2>Create</h2>

@using (Html.BeginForm())
{
@Html.AntiForgeryToken()

<div class="form-horizontal">

<hr />
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<div class="form-group">
@Html.LabelFor(model => model.EID, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.EID, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.EID, "", new { @class = "text-danger" })
</div>
</div>

<div class="form-group">
@Html.LabelFor(model => model.NAME, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.NAME, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.NAME, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.LDEPT, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
<table id="tb">
<thead>
<tr><th>DID</th><th>DNAME</th><th><a id="add">+</a></th></tr>
</thead>
<tbody>
<tr class="c">
<td>
@Html.TextBoxFor(model => model.DID, new { @class = "form-control", @name="LDEPT[0].DID" } )
@Html.ValidationMessageFor(model => model.DID, "", new { @class = "text-danger" })
</td>
<td>
@Html.TextBoxFor(model => model.DNAME, new { @class = "form-control", @name = "LDEPT[0].DNAME" } )
@Html.ValidationMessageFor(model => model.DNAME, "", new { @class = "text-danger" })
</td>
<td><a class="sub">-</a></td>
</tr>
</tbody>
</table>
</div>
</div>

<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Create" class="btn btn-default" />
</div>
</div>
</div>
}

<div>
@Html.ActionLink("Back to List", "Index")
</div>

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

<script type="text/javascript">

$(function () {
var i = 0;
$('#add').click(function () {
i++;
$('#tb').append("<tr class='c'><td><input class ='form-control' type='text' name='LDEPT[" + i + "].DID' /></td><td><input type='text' class ='form-control' name='LDEPT[" + i + "].DNAME' /></td><td><a class='sub'>-</a></td></tr>");
$('#tb').find('tr').each(function (p, j) {
if (p > 0) {
var q = parseInt(p - 1);
$(j).find('td').each(function (k, l) {

if (k == 0) {
$(l).find("input[type='text']").attr("name", "LDEPT[" + q + "].DID")
}
else if (k == 1) {
$(l).find("input[type='text']").attr("name", "LDEPT[" + q + "].DNAME");
}

});
}

});

});
$('body').on("click", ".sub", function () {

var row = $(this).parents('.c');
if( $('#tb').find('tr').length>2)
row.remove();
$('#tb').find('tr').each(function (p, j) {
if (p > 0) {
var q = parseInt(p - 1);
$(j).find('td').each(function (k, l) {
if (k == 0) {
$(l).find("input[type='text']").attr("name", "LDEPT[" + q + "].DID")
}
else if (k == 1) {
$(l).find("input[type='text']").attr("name", "LDEPT[" + q + "].DNAME");
}

});
}

});

});

});

</script>

Edit View Code :

@model WebApplication27.Models.EMPVM

ViewBag.Title = "Edit";

}

@using (Html.BeginForm())

{

@Html.AntiForgeryToken()

<hr />

@Html.ValidationSummary(true, "", new { @class = "text-danger" })

@Html.LabelFor(model => model.EID, htmlAttributes: new { @class = "control-label col-md-2" })

@Html.EditorFor(model => model.EID, new { htmlAttributes = new { @class = "form-control" } })

@Html.ValidationMessageFor(model => model.EID, "", new { @class = "text-danger" })

</div>

@Html.LabelFor(model => model.NAME, htmlAttributes: new { @class = "control-label col-md-2" })

@Html.EditorFor(model => model.NAME, new { htmlAttributes = new { @class = "form-control" } })

@Html.ValidationMessageFor(model => model.NAME, "", new { @class = "text-danger" })

</div>

@Html.LabelFor(model => model.LDEPT, htmlAttributes: new { @class = "control-label col-md-2" })

<thead>

<tr><th>DID</th><th>DNAME</th><th><a id="add">+</a></th></tr>

</thead>

<tbody>

@for (int i = 0; i < Model.LDEPT.Count; i++)

{

<td>

@Html.TextBoxFor(model =>Model.LDEPT[i].DID,new { @class = "form-control", @name = "LDEPT['"+i+"'].DID" })

@Html.ValidationMessageFor(model => model.DID, "", new { @class = "text-danger" })

</td>

<td>

@Html.TextBoxFor(model => Model.LDEPT[i].DNAME, new { @class = "form-control", @name = "LDEPT['"+i+"'].DNAME" })

@Html.ValidationMessageFor(model => model.DNAME, "", new { @class = "text-danger" })

</td>

</tr>

}

</tbody>

</table>

</div>

</div>

}

<div>

@Html.ActionLink("Back to List", "Index")

</div>

$(function () {

var i = 0;

$('#add').click(function () {

i++;

$('#tb').append("<tr class='c'><td><input class ='form-control' type='text' name='LDEPT[" + i + "].DID' /></td><td><input type='text' class ='form-control' name='LDEPT[" + i + "].DNAME' /></td><td><a class='sub'>-</a></td></tr>");

$('#tb').find('tr').each(function (p, j) {

if (p > 0) {

var q = parseInt(p - 1);

$(j).find('td').each(function (k, l) {

if (k == 0) {

$(l).find("input[type='text']").attr("name", "LDEPT[" + q + "].DID")

}

else if (k == 1) {

$(l).find("input[type='text']").attr("name", "LDEPT[" + q + "].DNAME");

}

});

}

});

$('body').on("click", ".sub", function () {

var row = $(this).parents('.c');

if ($('#tb').find('tr').length > 2)

row.remove();

$('#tb').find('tr').each(function (p, j) {

if (p > 0) {

var q = parseInt(p - 1);

$(j).find('td').each(function (k, l) {

if (k == 0) {

$(l).find("input[type='text']").attr("name", "LDEPT[" + q + "].DID")

}

else if (k == 1) {

$(l).find("input[type='text']").attr("name", "LDEPT[" + q + "].DNAME");

}

});

}

});

</script>

Delete View Code :

@model WebApplication27.Models.EMP1

ViewBag.Title = "Delete";

}

<h2>Delete</h2>

<h3>Are you sure you want to delete this?</h3>

<div>

<hr />

<dt>

@Html.DisplayNameFor(model => model.NAME)

</dt>

<dd>

@Html.DisplayFor(model => model.NAME)

</dd>

</dl>

@using (Html.BeginForm()) {

@Html.AntiForgeryToken()

@Html.HiddenFor(m => m.EID)

<input type="submit" value="Delete" class="btn btn-default" /> |

@Html.ActionLink("Back to List", "Index")

</div>

}

</div>

SOME RegularExpression example
[RegularExpression(@"^(\d{6,9})$", ErrorMessage = "Zip code will only accept numeric digits with length 6 digit")]
[RegularExpression(@"\d{5}", ErrorMessage = "Zip code will only accept numeric digits with length 5 digit")]

[RegularExpression(@"^[a-zA-Z]+$", ErrorMessage = "Please enter letters only")]

[RegularExpression(@"^(?=.*[A-Z])(?=.*\d)[A-Za-z\d!$%@#£€*?&]{8,16}$", ErrorMessage = "Password should be alpha-numeric, at least 8 characters long and have at least one number and one capital letter.")]

Monday, 30 January 2017

Dynamy page in angularjs

<!DOCTYPE html>

<head>

</head>

<body>

</table>

</tr>

</table>

</div>

</body>

</html>

angular.module("app", [])

.controller("ctrl", function ($scope) {

var m = [{NAME:null}];

$scope.add = function ()

{

m.push({ NAME: null });

fill();

}

$scope.sub = function (s)

{

if(m.length>1)

m.splice(m.indexOf(s), 1);

}

function fill()

{

$scope.list = m;

} fill();

$scope.save = function ()

{

for (var i = 0; i < m.length; i++)

alert(m[i].NAME);

}

});

</script>