ASP.NET MVC EditorFor custom javascript

Question

The following statement:

<%= Html.EditorFor(model => model.Material.Serial) %>

Generates the following code;

<div class="editor-field">  
    <input type="text" value="" name="Material.Serial" id="Material_Serial" class="input-validation-error">  
    <span id="Material_Serial_validationMessage" class="field-validation-error">Debe ingresar un serial</span>  
</div>

I want to add an onkeypress javascript attribute to my input through the EditorFor statement, I have tried to do the following:

<%= Html.EditorFor(model => model.Material.Serial, new{ onkeypress = "return disableEnterKey(event)"})%>

But this doesn't work.

automagic · Accepted Answer · 2010-10-04 19:43:48Z

8

Its difficult to pass Additional attributes to EditorFor templates, but alternatively the same functionality could be implemented using jQuery or something similar:

$('#Material_Serial').keypress(function(event) {

  disableEnterKey(event);

});

answered Oct 4, 2010 at 19:43

automagic

1,0878 silver badges10 bronze badges

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

1 Comment

fretje Over a year ago

Ok, but how do you make sure this bit of code is always inserted in the view when there's a Material.Serial field in the model?

gurusviews · Accepted Answer · 2014-07-30 16:26:31Z

5

Use the following .... note the last part in the code.

@Html.EditorFor(model => model.Title, new { htmlAttributes = new { @class = "form-control", @onchange="alert('Hello World')" } })

HTML generated for the above will be

<input class="form-control text-box single-line" data-val="true" data-val-length="The field Title must be a string with a maximum length of 255." data-val-length-max="255" data-val-required="The Title field is required." id="Title" name="Title" onchange="alert(&#39;Hello World&#39;)" type="text" value="" />

edited Jul 30, 2014 at 16:26

answered Jul 30, 2014 at 16:20

gurusviews

511 silver badge2 bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC EditorFor custom javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related