Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/delphi/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在asp.net core中使用jquery验证ckeditor?_Jquery_Asp.net Core_Ckeditor - Fatal编程技术网

如何在asp.net core中使用jquery验证ckeditor?

如何在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: {

我想验证所需的ckeditor,当它为空且用户提交表单时,它应该向用户显示一条消息以填充描述。我搜索了很多,但没有一个解决方案有效。这是jquery:

$(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>
}