Styjun

I have a model:

public class Data

 public int id get; set; 
 public string BBBCode get; set; 

Part of view:

<div class="col-md-10">
 @Html.EditorFor(model => model.BBBCode, new htmlAttributes = new @class = "form-control" )
 @Html.ValidationMessageFor(model => model.BBBCode, "", new @class = "text-danger" )
</div>

for this model, Visual studio created an edit view with text box for the BBBCode member. But I need to split BBBCode in two textboxes, first text box should have maximum 4 characters and the second text box should contain the rest of the characters. Is there a way to achieve this automatically or without any javascript code and without modifying the model?

Ideally, your viewmodel should correspond to the form you actually render. Mostly if Data belongs to business logic. I.e:

public class Data

 public int id get; set; 
 public string BBBCode get; set; 


public class DataViewModel

 public DataViewModel() 
 
 

 public DataViewModel(Data data) 
 
 id = data.id ; 
 BBBCodePartOne = ... ; 
 BBBCodePartTwo = ... ; 
 

 public int id get; set; 
 public string BBBCodePartOne get; set; 
 public string BBBCodePartTwo get; set; 

 public Data ToData() 
 
 return new Data() id = id, BBBCode = BBBCodePartOne + BBBCodePartTwo ;
 

It's better to do it in your View model i mean like this:

public class Data

 public static char Separator = '-'; //here is your separator
 public int id get; set; 
 public string BBBBegin get; set; 
 public string BBBEnd get; set; 
 public string BBBCode get return BBBBegin + Separator + BBBEnd; 

Now on your View you always can do it like this:

<div class="col-md-10">
 @Html.EditorFor(model => model.BBBBegin, new htmlAttributes = new @class = "form-control" )
 @Html.EditorFor(model => model.BBBEnd, new htmlAttributes = new @class = "form-control" )
 @Html.ValidationMessageFor(model => model.BBBBegin, "", new @class = "text-danger" )
 @Html.ValidationMessageFor(model => model.BBBEnd, "", new @class = "text-danger" )
</div>

And when you post it to controller you always can get full BBBCode from BBBCode property.

You should use two property in your model.

public class Data

 public int id get; set; 
 public string BBBCode1 get; set; 
 public string BBBCode2 get; set; 


<div class="col-md-10">
 @Html.EditorFor(model => model.BBBCode1, new htmlAttributes = new @class = "form-control" )
 @Html.ValidationMessageFor(model => model.BBBCode1, "", new @class = "text-danger" )
</div>
<div class="col-md-10">
 @Html.EditorFor(model => model.BBBCode2, new htmlAttributes = new @class = "form-control" )
 @Html.ValidationMessageFor(model => model.BBBCode2, "", new @class = "text-danger" )
</div>

in your controller

public ActionResult Index(Data model)
 var bbcCode = model.BBCCode1 + model.BBCCode2;

If you don't want to change the Model (no judgement)
I used these two in my input field, one for both parts of the value:

<div>@Html.TextBoxFor(m => m.Betrag, new @Value = Model.Betrag.ToString().Split(',').GetValue(0) )</div>

<div>@Html.TextBoxFor(m => m.Betrag, new @Value = Model.Betrag.ToString().Split(',').GetValue(1) )</div>

This simply splits up a value like '15,00' into a '15' and '00', you can then join the values together again afterwards with some Javascript and JQuery. This works great for me.