Validate HTML Textbox

Question

I have this textbox:

<%= Html.TextBox("EffectiveDate", Model.EffectiveDate.HasValue ? Model.EffectiveDate.Value.ToString("dd-MMM-yyyy") : "", new { @class = "economicTextBox", propertyName = "EffectiveDate", onchange = "parseAndSetDt(this); ", dataType = "Date" })%>

I need JS validation help. If the user has the permission, they can enter any date. If the user doesn't, they can only enter the present date, or dates in the future.

Here is a controller method I have that can get if the user has the permission or not.

[NoCache]
        public ActionResult HasAdvanced()
        {
            if (Chatham.Web.UI.Extranet.SessionManager.DisplayUser.IsInRole("hasICAdvanced"))
            {
                return Json(
                new
                {
                    value = "true"
                });
            }
            else{
                return Json(
                new
                {
                    value = "false"
                });
            }
        }

What would the Js/JQuery look like? I'm soooo stumped.

Thanks!

Mark Coleman · Accepted Answer · 2011-02-17T20:49:25.153

0

If you use jquery validation take a look at the remote rule.

And it might end up looking like something like this:

$("#myform").validate({
  rules: {
    EffectiveDate: {
      required: true,
      remote: "HasAdvanced"
    }
  }
});

If you do not want to use an existing framework you could roll your own validation for this one field.

$("#EffectiveDate").blur(function(){
  //or $.get
  $.post("HasAdvanced", null, function(data){
    //Handle the json data and update the field display a message, etc......
  }, "json");
});

edited Feb 17 '11 at 20:49

answered Feb 17 '11 at 20:21

Mark Coleman

40,542
9
81
101

Where does the HasAdvanced method come into play? – slandau Feb 17 '11 at 20:27
Does the remote option make the ajax call directly? – slandau Feb 17 '11 at 20:28
Updated the answer, remote would simply be the location of your HasAdvanced function. – Mark Coleman Feb 17 '11 at 20:29
Can I embed an AJAX call into remote? – slandau Feb 17 '11 at 20:31
when the form is validated jquery validation will make the remote ajax call for you automatically. Here is a demo using remote to validate a username http://jquery.bassistance.de/validate/demo/milk/ – Mark Coleman Feb 17 '11 at 20:33

Jimmy · Answer 2 · 2011-02-17T20:43:42.800

0

As a sidenote your HasAdvanced method could be simplified greatly:

return Json(
    new { value = 
        Chatham.Web.UI.Extranet.SessionManager.DisplayUser.IsInRole("hasICAdvanced").ToString() 
    });

edited Feb 17 '11 at 20:43

answered Feb 17 '11 at 20:38

Jimmy

9,686
14
59
78

Validate HTML Textbox

2 Answers2