Solved

ASP.Net MVC 4 C# -- textbox blank after click

Posted on 2013-06-11
3
617 Views
Last Modified: 2013-07-11
How can I get the below "Desired Steps" working in ASP.Net MVC 4 C# ?
---------------------------------------------------------
Current Steps
 1. edit POdetailController.cs
      ** change below Edit method
           podetail.ApprovedDate = DateTime.Now;
           return View(podetail);
 2. user logs into APP, clicks Edit
 3. APPROVED textbox automatically displays today's date
 4. user manually removes date if they do NOT approve
---------------------------------------------------------
Desired Steps
 1. user logs into APP, clicks Edit
 2. APPROVED textbox automatically displays BLANK
 3. user clicks inside APPROVED textbox
 4. today's date appears
 5. user clicks inside APPROVED textbox again
 6. today's date gets removed
0
Comment
Question by:finance_teacher
  • 2
3 Comments
 
LVL 21

Accepted Solution

by:
Craig Wagner earned 500 total points
ID: 39246266
Seems like it would make the most sense to handle this client-side.

<input id="approved" type="text" onclick="toggle()" />

<script>
    function toggle() {
        var box = document.getElementById("approved");

        if (box.value === "") {
            box.value = new Date();
        }
        else {
            box.value = "";
        }
    }
</script>

Open in new window

0
 

Author Comment

by:finance_teacher
ID: 39276009
Below works, but allows users to enter their own text next to the automatic date text.

This is a box they click into when they are done approving an item, I don't want to allow users to type additional text.

How can I setup so users CANNOT enter their own text, they can only save the SYSTEM generated TEXT that happens after they click ?

Other option would be to change from a textbox to an "Approved" checkbox and then write logged in user/today'sDate to database.
------------------------------------------------------------------------------------------------------------
            @Html.TextBoxFor(model => model.LastModifiedBy, new { @onclick = "toggle()" })
------------------------------------
    <script>
        function toggle() {
            var box = document.getElementById("LastModifiedBy");

            if (box.value === "") {
                box.value = new Date();
            }
            else {
                box.value = "";
            }
        }
</script>
0
 
LVL 21

Expert Comment

by:Craig Wagner
ID: 39276139
Have you tried disabling the textbox? I'm not sure if that would kill the response to the click event but it's worth a try.
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Problem Hi all,    While many today have fast Internet connection, there are many still who do not, or are connecting through devices with a slower connect, so light web pages and fast load times are still popular.    If your ASP.NET page …
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
Email security requires an ever evolving service that stays up to date with counter-evolving threats. The Email Laundry perform Research and Development to ensure their email security service evolves faster than cyber criminals. We apply our Threat…

840 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question