TagHelper vs widget renderes invalid html

[m]

Hi,

When adding a textarea to a form, I get different html rendered result:

 

<kendo-textarea name="reason-reject" rows="5" placeholder="Specify rejection reason" on-change="">

</kendo-textarea>

@(Html.Kendo().TextArea()
    .Name("invitation")
    .Placeholder("Enter your text here.")
    .Rows(10)
    .MaxLength(200)
    .HtmlAttributes(new { style = "width: 100%", required = true, data_required_msg = "Please enter a text.", data_max_msg= "Enter value between 1 and 200" })
    )

 

Even using the simple form of widget from the samples, generated invalid html.... Can you provide any guidance ?

Is is possible with taghelper, mark the control as mandatory ? 

Any help will be highly appreciated,

Manuel

 

[m]

image of rendered html

[m]

image of rendered html

[Anton Mironov]

Hello Manuel,

Thank you for the code snippet, image, and details provided.

In order to achieve the desired behavior, I prepared a sample project with the needed implementation included.

For validating an HTML TextArea try using a JavaScript function handler of the form submit "click" event. Get the TextArea with jQuery and if its value is an empty string - prevent the default behavior with the help of the "preventDefault" method and show an error message.

Make the needed tests locally with the attached project and let me know if further assistance is needed.

 

Kind Regards,
Anton Mironov
Progress Telerik