Here's a unique rewrite: "Learn how to manipulate the CSS class of a textarea element (specifically in NicEdit) by utilizing the addClass

Question

Here's a unique rewrite: "Learn how to manipulate the CSS class of a textarea element (specifically in NicEdit) by utilizing the addClass

I am currently validating a textarea using the NicEdit plugin.

var getContent = nicEditors.findEditor("SubSliderDescription").getContent();

bValid = bValid && checkBlankTextArea(getContent, "SubSliderDescription")

function checkBlankTextArea(o, n) {
    if (o == "<br>" || o == null) {
        // Add a class to the textarea to display validation errors
        // o.addClass("ui-state-error");
        updateTips(n + " is required.");
        return false;
    } else {
        // o.removeClass("ui-state-error");
        return true;
    }
}

If the validation fails, the Nic Editor should apply the ui-state-error class (which adds a red border to the control), otherwise it should not. However, I am encountering an error in the script that says the methods addClass or removeClass cannot be applied.

Is there any solution to this issue?

javascript jquery html css nicedit

Answer 1

Answer №1

Give this a shot:

function validateEmptyTextArea(element, name) {
    if ($(element).prop('tagName') == "TEXTAREA") {// checking for textarea
        //class to be added to textarea for validation display
        $(element).addClass("ui-state-error");// adding class here
        updateTips(name + " cannot be empty.");
        return false;
     }
     else {
         //element.removeClass("ui-state-error");
         return true;
     }
}

Answer 2

Give this a shot:

function validateEmptyTextArea(element, name) {
    if ($(element).prop('tagName') == "TEXTAREA") {// checking for textarea
        //class to be added to textarea for validation display
        $(element).addClass("ui-state-error");// adding class here
        updateTips(name + " cannot be empty.");
        return false;
     }
     else {
         //element.removeClass("ui-state-error");
         return true;
     }
}

Here's a unique rewrite: "Learn how to manipulate the CSS class of a textarea element (specifically in NicEdit) by utilizing the addClass

Answer №1

Similar questions

When using Magento, pasting the same link into the browser produces a different outcome than clicking on window.location - specifically when trying to add items to the

The perplexing configuration of a webpack/ES6 project

Transform JSON information into an array

Resetting Radio Buttons for Re-Selection

Exploring how to access properties of objects in javascript

Encountering issues with AJAX requests using jQuery

Leveraging a JQuery plugin to generate dynamic HTML content

The exported NextJS URL isn't functioning properly

The process by which Expressjs determines the appropriate error handler to execute when multiple error handlers are present

Use CSS alignment to combine both the profile picture and title on a webpage

Is it possible to generate an HTML file without MathML by rendering MathJax/MathML at compilation/preprocessing time?

Is there a way to conceal the scrollbar while still permitting scrolling?

Create an HTML selection element based on the value selected in the previous element using jQuery

Leverage a nearby module with a local dependency

Using JQuery Datatables to output HTML based on JavaScript conditional logic

When using Selenium WebDriver in Java, we noticed that despite initially failing with JavascriptExecutor, the element click method with WebElement performed successfully

What is the best method for maintaining jQuery and Bootstrap features while implementing seamless page loading?

Customize cell options in a dynamic grid within a dojo environment

What is the best way to implement the 'setInterval' function in this code to effortlessly fetch forms or data on my webpage without any need for manual refresh?

What is the name of this JavaScript function declaration syntax? (var) => {}