如何在asp.net core中使用jquery验证ckeditor?
我想验证所需的ckeditor,当它为空且用户提交表单时,它应该向用户显示一条消息以填充描述。我搜索了很多,但没有一个解决方案有效。这是jquery:如何在asp.net core中使用jquery验证ckeditor?,jquery,asp.net-core,ckeditor,Jquery,Asp.net Core,Ckeditor,我想验证所需的ckeditor,当它为空且用户提交表单时,它应该向用户显示一条消息以填充描述。我搜索了很多,但没有一个解决方案有效。这是jquery: $(document).ready(function () { $("#formTicket").validate( { ignore: [], debug: false, rules: {
$(document).ready(function () {
$("#formTicket").validate(
{
ignore: [],
debug: false,
rules: {
Description: {
required: function () {
CKEDITOR.instances.Description.updateElement();
}
}
},
messages:
{
Description: {
required: "Please enter Text"
}
}
});
});
这是html:
<form id="formTicket" asp-action="NewTicket" asp-controller="Ticket" method="post"
enctype="multipart/form-data">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>توضیحات*</label>
<textarea rows="5" class="form-control" asp-for="Description">
</textarea>
<span asp-validation-for="Description" class="text-danger">
</span>
</div>
</div>
</div>
<input type="submit" id="submitButton" class="btn btn-info btn-fill pull-
right" onclick="return confirm('آیا از ارسال مطمئن هستید؟')"
name="submitButton" value="ارسال">
<div class="clearfix"></div>
</form>
您是否添加了这些脚本
<script src="https://cdn.ckeditor.com/4.16.0/standard/ckeditor.js"></script>
<script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script>
<script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
从您的代码中,您是否真正应用了ckeditor?您应该将“class=ckeditor”添加到文本区域
而的asp应替换为名称和id
这是我的演示:
<form id="formTicket" asp-action="NewTicket" asp-controller="Ticket" method="post"
enctype="multipart/form-data">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>توضیحات*</label>
<textarea rows="5" class="ckeditor" name="Description" id="Description" > </textarea>
<span asp-validation-for="Description" class="text-danger">
</span>
</div>
</div>
</div>
<input type="submit" id="submitButton" class="btn btn-info btn-fill pull-
right" onclick="return confirm('آیا از ارسال مطمئن هستید؟')"
name="submitButton" value="ارسال">
<div class="clearfix"></div>
</form>
@section Scripts
{
<script src="https://cdn.ckeditor.com/4.16.0/standard/ckeditor.js"></script>
<script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script>
<script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#formTicket").validate(
{
ignore: [],
debug: false,
rules: {
Description: {
required: function () {
CKEDITOR.instances.Description.updateElement();
},
minlength: 10
}
},
messages:
{
Description: {
required: "Please enter Text",
minlength: 10
}
}
});
});
</script>
}
توضیحات*
@节脚本
{
$(文档).ready(函数(){
$(“#格式票证”)。验证(
{
忽略:[],
调试:错误,
规则:{
说明:{
必需:函数(){
CKEDITOR.instances.Description.updateElement();
},
最小长度:10
}
},
信息:
{
说明:{
必填:“请输入文本”,
最小长度:10
}
}
});
});
}
结果:
<form id="formTicket" asp-action="NewTicket" asp-controller="Ticket" method="post"
enctype="multipart/form-data">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>توضیحات*</label>
<textarea rows="5" class="ckeditor" name="Description" id="Description" > </textarea>
<span asp-validation-for="Description" class="text-danger">
</span>
</div>
</div>
</div>
<input type="submit" id="submitButton" class="btn btn-info btn-fill pull-
right" onclick="return confirm('آیا از ارسال مطمئن هستید؟')"
name="submitButton" value="ارسال">
<div class="clearfix"></div>
</form>
@section Scripts
{
<script src="https://cdn.ckeditor.com/4.16.0/standard/ckeditor.js"></script>
<script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script>
<script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#formTicket").validate(
{
ignore: [],
debug: false,
rules: {
Description: {
required: function () {
CKEDITOR.instances.Description.updateElement();
},
minlength: 10
}
},
messages:
{
Description: {
required: "Please enter Text",
minlength: 10
}
}
});
});
</script>
}