MVC Code snippets

Monday, 4 May 2015

simple Captcha in MVC

Simple Captcha In MVC :

In Model:

public class SubscribeModel

{

//model specific fields

[Required]

[Display(Name = "How much is the sum")]

public string Captcha { get; set; }

}

In Controller:

Name Spaces in controller:

using System.Drawing;

using System.IO;

using System.Drawing.Drawing2D;

using System.Drawing.Text;

using JQGridExample.Models;

public ActionResult Index()

{

return View();

}

public ActionResult CaptchaImage(string prefix, bool noisy = true)

{

var rand = new Random((int)DateTime.Now.Ticks);

//generate new question

int a = rand.Next(10, 99);

int b = rand.Next(0, 9);

var captcha = string.Format("{0} + {1} = ?", a, b);

//store answer

Session["Captcha" + prefix] = a + b;

//image stream

FileContentResult img = null;

using (var mem = new MemoryStream())

using (var bmp = new Bitmap(130, 30))

using (var gfx = Graphics.FromImage((Image)bmp))

{

gfx.TextRenderingHint = TextRenderingHint.ClearTypeGridFit;

gfx.SmoothingMode = SmoothingMode.AntiAlias;

gfx.FillRectangle(Brushes.White, new Rectangle(0, 0, bmp.Width, bmp.Height));

//add noise

if (noisy)

{

int i, r, x, y;

var pen = new Pen(Color.Yellow);

for (i = 1; i < 10; i++)

{

pen.Color = Color.FromArgb(

(rand.Next(0, 255)),

(rand.Next(0, 255)));

r = rand.Next(0, (130 / 3));

x = rand.Next(0, 130);

y = rand.Next(0, 30);

gfx.DrawEllipse(pen,x-r, y-r,r,r);

}

//add question

gfx.DrawString(captcha, new Font("Tahoma", 15), Brushes.Gray, 2, 3);

//render as Jpeg

bmp.Save(mem, System.Drawing.Imaging.ImageFormat.Jpeg);

img = this.File(mem.GetBuffer(), "image/Jpeg");

}

return img;

}

[HttpPost]

public ActionResult Index(SubscribeModel model)

{

//validate captcha

if (Session["Captcha"] == null || Session["Captcha"].ToString() != model.Captcha)

{

ModelState.AddModelError("Captcha", "Wrong value of sum, please try again.");

//dispay error and generate a new captcha

return View(model);

}

return View("ThankYouPage");

}

public ActionResult ThankYouPage()

{

return View();

}

In View:

@model JQGridExample.Models.SubscribeModel

ViewBag.Title = "CaptchaImage";

}

<h2>CaptchaImage</h2>

@using(Html.BeginForm()){

<table>

<tr>

<td> @Html.LabelFor(model => model.Captcha)

</a> </td>

<td> @Html.TextBoxFor(model => model.Captcha)

@Html.ValidationMessageFor(model => model.Captcha) </td>

</tr>

</table>

}

Thursday, 30 April 2015

Vertual Keyboard in mvc using jquery

Vertual Keyboard in mvc using jquery shown below

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>jQuery Virtual Keyboard Example</title>

$(document).ready(function () {

$('#txtkeyboard').keyboard({

autoAccept:true

})

.addTyping();

$('#txtNumkeyboard').keyboard({

layout: 'num',

restrictInput: true,

preventPaste: true,

autoAccept: true

})

.addTyping();

});

</script>

</head>

<body>

<table>

<tr>

<td><b>Keyboard Text:</b></td><td> <input type="text" id="txtkeyboard" /></td>

</tr>

<tr>

<td><b>Numberpad Text:</b></td>

</tr>

</table>

</body>

</html>

Output:

Wednesday, 29 April 2015

how to get formatted date time like 2009-05-29 21:55:57 using javascript?

Converting Milliseconds to date formate using javascript

- for reference see below jsfiddle

http://jsfiddle.net/kavithaReddy/cspn3pj0/1/

(function () {

var values = "/Date(1409819809000)/";

var dt = new Date(parseInt(values.substring(6, values.length - 2)));
var dtString1 = (dt.getMonth() + 1) + "/" + dt.getDate() + "/" + dt.getFullYear();
alert(dtString1);

})();

Add data from two tables in one view MVC 4

In model
--------

simple example 


 public class subdomain
   {

       public string Function { get; set; }
       public string SubDomain { get; set; }
       public string URL { get; set; }
       public Guid DomainId { get; set; }

   }
   public class emailserver
   {
       public string Priority { get; set; }
       public string MailExchanger { get; set; }
       public Guid DomainId { get; set; }
   }


  public class  tablevalues
   {
       public List<emailserver> emailserver { get; set; }

       public List<subdomain> subdomain { get; set; }
   }



in controller
-------------
tablevalues dto=new tablevalues();
dto.subdomain=from  p in context.tablename1  select p
dto.emailserver=from q in context.tablename2 select q
return View(dto);


in .cshtml
----------


 @model MVCDropDownlist.Models.tablevalues 

@{
    Layout = null;
}


 <table width="100%" border="0" cellspacing="0" cellpadding="0" id="tbsub" style="visibility: @(Model.subdomain.Count==0? "hidden" : "visible") " >
            <thead>
                <tr>
                    <td colspan="3">
                         <h1>Web Settings</h1>
                    </td>
                </tr>
                <tr>
                    <th>Web Sub Domain</th>
                    <th>Function</th>
                    <th>Points To</th>
                </tr>
            </thead>
            <tbody>
                @if (Model != null && Model.subdomain.Count() > 0)
                {
                    foreach (var item in Model.subdomain)
                    {
                    <tr>
                        <td>
                            @Html.DisplayFor(modelItem => item.SubDomain)
                        </td>
                        <td>@Html.DisplayFor(modelItem => item.Function)</td>
                        <td>@Html.DisplayFor(modelItem => item.URL)</td>
                    </tr>

                    }
                }
            </tbody>

        </table>
        <!--tableGrid -->
    </div>

    <!--rightSection -->
</div>

<div class="rightSection">

    <div class="tableGrid">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" id="tbess" style="visibility: @(Model.emailserver.Count==0? "hidden" : "visible") ">
            <thead>
                <tr>
                    <td colspan="2">
                         <h1>Email Server Settings</h1>
                    </td>
                </tr>
                <tr>
                    <th>Mail Exchanger</th>
                    <th>Priority</th>
                </tr>
            </thead>
            <tbody>
                @if (Model != null && Model.emailserver.Count() > 0)
                {
                    foreach (var item in Model.emailserver)
                    {

                    <tr>
                        <td>
                            @Html.DisplayFor(modelItem => item.MailExchanger)
                        </td>
                        <td>@Html.DisplayFor(modelItem => item.Priority)</td>
                    </tr>

                    }
                }

            </tbody>

        </table>

MVC Code snippets

Translate

Monday, 4 May 2015

simple Captcha in MVC

Thursday, 30 April 2015

Vertual Keyboard in mvc using jquery

Wednesday, 29 April 2015

how to get formatted date time like 2009-05-29 21:55:57 using javascript?

- for reference see below jsfiddle

Add data from two tables in one view MVC 4

About Me