How to add custom validation message using Asp.NET 4.5 and Razor view (Not MVC)

Question

I have an ASP.NET 4.5 Web Site project which is using Razor views. This is not an MVC project, it is an empty web site with just a few .cshtml files in it.

I have a form where I want to validate. I found a site here that explains how to do this with a Razor view, but the Validation class does not have the methods shown in the example. I then came across the required attribute in HTML5, and I added that to each <input> in my form. This is validating the form when I submit it, but it is using generic error messages like shown in the image:

enter image description here

Here are my questions:

Is there some way to customize these messages?

Is there some way to validate other requirements besides required - like making sure its a number, or a certain length, etc?

*Note** I am not using MVC, so no models, etc. I also was trying to use something built in to ASP.NET if possible, and not use jQuery Validation directly.

Thanks in advance!

Take a look at this pure JavaScript implementation in the accepted answer to Set custom HTML5 required field validation message. — Karl Anderson
– Karl Anderson, Commented Nov 20, 2013 at 16:42

Murali Murugesan · Accepted Answer · 2013-11-20 17:10:58Z

4

You can set your custom message with data-val-required attribute.

Make sure you added the jquery validation and Microsoft jquery unobstrustive js file in your page.

Below are the example. You can mix all data-val attributes and achieve all your combination

Example 1: Required, length

<input type="text" value="" name="UserName" id="checking-user" 
 data-val="true"
 data-val-required="The UserName field is required." 
 data-val-length-max="100" 
 data-val-length="The field UserName must be a string a maximum length of 100." 
 />

Example 2: Required, Number and Regex

<input type="text" value="" name="PaidAmount" 
   data-val="true" 
   data-val-required="Amount is required" 
   data-val-regex-pattern="[-+]?[0-9]*\.?[0-9]?[0-9]" 
   data-val-regex="Amount should be in numbers" 
   data-val-number="The field PaidAmount must be a number." 
   />

edited Nov 20, 2013 at 17:10

answered Nov 20, 2013 at 16:41

Murali Murugesan

22.6k18 gold badges76 silver badges123 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

user1047100 Over a year ago

He said without using jquery :-o

Murali Murugesan Over a year ago

@Geeo, then he should build his own library for validating :)

user1047100 Over a year ago

Yeah but html5 has some support for validation :-)

therealjohn Over a year ago

Thanks Murali for the information on jQuery. I did not know it could be used like that using attributes. Is this a better solution for browser support when HTML5 may not be available?

therealjohn Over a year ago

@Murali, after some experimentation with your suggestion, I can't get it to work. Is using MVC required for this? Everything on the web seems to be related to using MVC with this approach.

|

score 1 · Accepted Answer · 2013-11-20 17:44:57Z

1

Yeah you can do a lot of validation with HTML5 only

Along with the text input type, there are now a host of other options, including email, url, number, tel, date and many others.

You can use setCustomValidity to customize messages and whatnot.

edited Nov 20, 2013 at 17:44

answered Nov 20, 2013 at 16:43

user1047100

3 Comments

therealjohn Over a year ago

Great! Is there a way to customize the messages being returned when validation fails?

user1047100 Over a year ago

@therealjohn have you bothered reading or googling "html5 validation custom message"? -> whatwg.org/specs/web-apps/current-work/multipage/…

therealjohn Over a year ago

No I didnt. Thanks for the help.

Collectives™ on Stack Overflow

How to add custom validation message using Asp.NET 4.5 and Razor view (Not MVC)

2 Answers 2

7 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related