how to validate the "moviesEditor" or "movieTemplate" bit confused
<header>Tickets</header>
<fieldset>
@if (Model.Tickets == null || Model.Tickets.Count == 0)
{
}
<ul id="moviesEditor" style="list-style-type: none">
@if (Model.Tickets != null)
{
foreach (Events.Models.Ticket movie in Model.Tickets)
{
Html.RenderPartial("TicketEntry", movie);
}
}
</ul>
<script src="@Url.Content("~/Scripts/jQuery.tmpl.min.js")" type="text/javascript"></script>
<script type="text/x-jquery-tmpl" id="movieTemplate">
@Html.CollectionItemJQueryTemplate("TicketEntry", new Events.Models.Ticket())
</script>
<script type="text/javascript">
$(function () {
$("#moviesEditor").sortable();
});
var viewModel = {
addNew: function () {
$("#moviesEditor").append($("#movieTemplate").tmpl({ index: viewModel._generateGuid(), }));
return false;
},
_generateGuid: function () {
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
return v.toString(16);
});
},
showhideSettings: function (el) {
var ele = $(el).closest('.row').next('.field').toggleClass('active').show();
$('.field:visible').not(ele).hide();
calldatetimepicker();
return false;
},
};
</script>
<a id="addAnother" onclick="viewModel.addNew();">Add Ticket</a>
</fieldset>