ckeditor验证空间 [英] ckeditor validation for spaces

问题描述

如何在ckeditor上实施验证，以防止用户仅添加空格。

以下是我迄今为止尝试进行的验证：

following is what i tried for validations so far :

//Save note from ckeditor
    $("input.save_note").click(function()
    {  
        var note_id1 = $(this).attr("rel");
        var thiss1 = this;
        var profile_user_id = $(this).attr("rel1");
        var txt=CKEDITOR.instances.editor1.getData();
        var no_space_txt = txt.replace(" ","");
//      var txt = txt1.replace(/ +(?= )/g,'');
        var editor_val1 = CKEDITOR.instances.editor1.document.getBody().getChild(0).getText() ;
        var editor_val = editor_val1.replace(/ +(?= )/g,'');
//      if( editor_val == "")
//      {
//          alert('sak');
//          return;
//      }
        if(editor_val !=="" && editor_val !=="")
        {
        $(this).attr("disabled","disabled");
        var loading_img = addLoadingImage($(this),"before");
        jQuery.ajax({
            url: "/" + PROJECT_NAME + "profile/save-note-in-editor",
            type: "POST",
            dataType: "json",
            data: { "profile_user_id" : profile_user_id , "note" : txt },
            timeout: 50000,
            success: function(jsonData) {
                if(jsonData){
                    $("p#clickable_note_"+note_id1).hide();
                    $(thiss1).hide();
                    $(thiss1).siblings("input.edit_note").fadeIn();  
                    $("span#"+loading_img).remove();
                        $(".alert-box").remove();
                        $(".alert-box1").remove();
                        $(".alert-box2").remove();
                        showDefaultMsg( "Note saved successfully.", 1 );
                        $(thiss1).removeAttr('disabled');
//                      $(".cke_inner cke_reset").hide();
                        CKEDITOR.instances.editor1.destroy();
                        $(".editor1").hide();
                        $("p#clickable_note_"+note_id1).html(jsonData);//to display the saved note in clickable p tag .
                        $("p#clickable_note_"+note_id1).fadeIn('slow');// To display the note paragraph again after editing and saving note.
                    }
                    else{
                        $(thiss1).removeAttr('disabled');
                        $(thiss1).before('<span class="spanmsg" id="note-msg" style="color:red;">Server Error</span>');
                    }
                },
            error: function(xhr, ajaxOptions, thrownError) {
                alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
            }
         });
        }
        else
        {
            alert("You cannot make an empty note. Please insert some text.");

        }

    });

我已实施警报以检查是否未输入任何文本，但我想检查用户是否只输入空格。请提出一些准确的方法。

推荐答案

由于您显然使用的是jQuery，因此可以添加 jQuery.trim（） 作为对您状况的附加检查：

Since you are evidently using jQuery, you can add jQuery.trim() as an additional check for your condition:

jQuery.trim(editor_val).length != 0

这将修剪提交表单中的所有空白，并检查是否剩余字符。如果输入仅包含空格，则该语句的评估结果为 false 。您可以将其集成到以下行中：

This will trim all whitespace from the submitted form and check whether there are any characters remaining. If the input consists only of whitespace, the statement will evaluate to false. You would integrate it into the following line:

if (editor_val != "" && editor_val != "" && jQuery.trim(editor_val).length != 0)

这篇关于ckeditor验证空间的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！