Can't validate TinyMCE in asp mvc

Question

I have a form that use unobtrusive validation. Recently I have changed text area to use tiny mce and now validation doesn't work. I have tried to use solution from here but nothing happens. ``` $('#form input[type=submit]').click(function () { ``` Never executes. Here what I have: ``` @using (Html.BeginForm("Create", "UserAd", FormMethod.Post)) { ... @Html.TextAreaFor(x => x.Description, new { id = "description" }) ... <input type="submit" value="Create"/> ... ``` This is JS code: ``` $(document).ready(function () { tinyMCE.init({ mode: "textareas", theme: "advanced", skin: "o2k7", height: "250", plugins: "autolink,lists,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template", theme_advanced_buttons1: "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,bul…

Accepted Answer

You are specifying an ID of "#form" in your selector. Try removing the # from your selector.

E.G,

```
$('form input[type=submit]').click(function () {
      alert('ss');
      tinyMCE.triggerSave();
});
```

Additionally, if I am reading the code right, the tinyMCE is a dynamic element. You may want to bind the click event with the on function.

E.G,

```
$("body").on("click","#yourFormID", function(e){
    your click stuff here
}
```

Can't validate TinyMCE in asp mvc

Solution

Problem

Related problems