Solved

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

Posted on 2013-06-11
3
606 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

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

A long time ago (May 2011), I have written an article showing you how to create a DLL using Visual Studio 2005 to be hosted in SQL Server 2005. That was valid at that time and it is still valid if you are still using these versions. You can still re…
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
This Micro Tutorial hows how you can integrate  Mac OSX to a Windows Active Directory Domain. Apple has made it easy to allow users to bind their macs to a windows domain with relative ease. The following video show how to bind OSX Mavericks to …
This video shows how to quickly and easily add an email signature for all users on Exchange 2016. The resulting signature is applied on a server level by Exchange Online. The email signature template has been downloaded from: www.mail-signatures…

777 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