How to set % for MVC Editorfor input box in MVC4

Question

0.00/5 (No votes)

See more:

Hi I have a Editorfor field and i want to make this a percentage field. if i put cursor on the input field it will show the number if i remove focuse it should become % (for example put cursor and type 2 and remove focus then it should become 2%). I am trying to implement custom attribute i don't know how to implement. Can somebody please help with sample code or any other alternative.

Thanks in advance..

Posted 17-Aug-14 2:58am

yadlaprasad

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Afzaal Ahmad Zeeshan · Answer 1 · 2014-08-17T05:28:00

Your question is a little bit confusing, once you say, you want to get the number only if the input is in hover, and then you say you want to write the '2' and then get the '2%' written. I don't understand.

However, you can do it this way, first create an HTML element,

HTML

<input type="text" value="" id="toWorkOn" />

Now handle the hover event using jQuery,

JavaScript

// upon hover, 
$('#toWorkOn').hover(function () {
   // if the element's value changes
   $(this).change(function () {
      // keep the value
      // or do whatever here.
   });
});

I hope I have answered!