How can we ensure that paragraphs are validated correctly in a multiline Textbox using JavaScript?

Currently, I am attempting to validate text (paragraphs) in JavaScript for a multiline textbox. The requirement is that after entering text into the textbox, the very first letter should be changed to a capital letter while the rest should remain in lowercase. Additionally, after a full stop, the first letter of the following sentence should also be a capital letter. I also need to incorporate the textchange event.

As a newcomer to JavaScript, I find this Proper Case validation quite challenging. I am struggling to come up with a starting logic... Any ideas or suggestions would be greatly appreciated.

Thank you in advance.

javascript

Answer №1

Here is a potential solution, although I must emphasize that I do not find this validation method to be very practical. A functional demonstration can be found at: http://jsfiddle.net/nrabinowitz/5TSK5/

// Regular expression for a single sentence
var testRE = /^[A-Z][^A-Z]+$/;

var paragraphs = text.split('\n');

var pass, paragraph, sentences, sentence;
for (var x=0; x < paragraphs.length; x++) {
    paragraph = paragraphs[x];
    pass = true;
    if (paragraph) {
        sentences = paragraph.split(/\. +/);
        for (var y=0; y < sentences.length; y++) {
            sentence = sentences[y];
            // Checking validity of sentence
            if (sentence && !testRE.exec(sentence)) {
                pass = false;  
            }
        }
        // The pass variable reflects whether the paragraph x passes or not
    }
}

Answer №2

If you're in need of a tool for grammar checking, consider using a plugin such as After The Deadline.

It's worth noting, as @nrabinowitz pointed out, that attempting to develop a natural language grammar checker in javascript can be challenging, especially when dealing with complex language rules beyond simple conditions like "capitalization should only occur after a full stop."

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Problem with Angular: ng-show not constantly re-evaluating expression

Utilizing a variable named activeScope to manage the state and toggle between two forms. This variable updates its value when a tab is clicked, triggering changeScope. While the change in active states for the tab buttons registers correctly, the divs for ...

javascriptangularjs

Ways to update a component upon becoming visible in Angular

Within my Angular 4.3.0 project, the header, left panel, and right panels are initially hidden on the login page until a successful login occurs. However, once they become visible, the data is not pre-loaded properly causing errors due to the ngOnInit meth ...

javascriptangulartypescript

Manipulating and filtering an array of objects in JavaScript/jQuery

Looking to simplify my array manipulation in Javascript, I need to subset based on key-value matches. I have an array called js_obj, and my goal is to modify objects where a certain condition is met. Consider the structure of my array: js_obj = [{ wo ...

javascriptjqueryarraysjavascript-objects

Using Try and Catch effectively - tips and strategies

As I delve into learning JavaScript on my own, one topic that caught my attention is the try/catch structure. The tutorial I came across only covers how to implement it, but lacks in explaining its practical applications. Is there anyone who can shed som ...

javascriptdebuggingerror-handlingtry-catch

ngSwitchCase provider not found

While following a tutorial and trying to implement what I learned, I encountered an error that I'm having trouble understanding. The browser console shows an error message stating [ERROR ->]<span *ngSwitchCase="true">, but I can't figure ...

javascripthtmlcssangular

Make sure two elements are siblings in JavaScript / jQuery

Looking at the HTML structure below: <div class="wrap"> <div id="a"></div> <div id="b"></div> </div> A statement is presented as false: ($('#a').parent() == $('#b').parent()); //=> false ...

javascriptjqueryparentsiblings

What is the process of uploading a file from a Vue.js app to the local public disk in Laravel?

Hello there, I am looking to upload a file from a Vue.js app to the local public directory of Laravel and only store the unique name in MySQL upon form submission. However, I am unsure how to achieve this using JavaScript. // Template Tag <input type= ...

javascriptlaravelfilevue.jsasyncfileupload

Tips for exploring electron without launching additional windows

Is there a way to navigate between HTML pages within the same window without opening multiple windows in Electron? ...

javascriptnode.jselectrondesktop-applicationdesktop

Mastering Protractor's end-to-end control flow and managing time outs

When testing an angular app using protractor, I encountered a strange issue recently. Every now and then, or since a recent update, protractor seems to stall or slow down significantly. After investigating the problem, I discovered that a simple someEleme ...

javascriptangularjsselenium-webdriverprotractore2e-testing

Automatically submitting the selection when it changes

I am facing an issue with a selection form that is supposed to update the database on change using jQuery, but it seems like nothing is happening. Can anyone provide assistance with this problem? <SELECT name='status' id='status'> ...

javascriptphpjquery

Having trouble with AngularJS not sending form values properly?

I have a code snippet in my app.js file where I am trying to pass the value of email to a file named handler.php. $scope.doForget={email:''}; $scope.doForget = function (customer) { //email = $scope.forget.email; For Testing i am hardcoding ...

javascriptphpangularjs

Laravel validation successfully validates Vanilla AJAX request, but the controller does not receive the values

Currently, I am utilizing AJAX (vanilla JS) to send a form to a Laravel 5.5 controller for searching the Amazon products API. The AJAX is sending the correct keywords and category inputs, but the controller is not receiving them. Even though the request p ...

javascriptphpajaxlaravel

What is the most effective way to transmit a conditional operator via a TypeScript boolean field?

Currently, as part of my transition to typescript, I am working on incorporating a conditional operator into the table component provided by Ant Design. const paginationLogic = props.data.length <= 10 ? false : true return ( <> ...

javascriptreactjstypescriptbooleanconditional-operator

What is the proper way to implement parameters and dependency injection within a service?

My objective is to achieve the following: (function(){angular.module('app').factory("loadDataForStep",ls); ls.$inject = ['$scope','stepIndex'] function ls ($scope, stepIndex) { if ($routeParams ...

javascriptangularjsdependency-injection

Within Codesandbox using Vue, the error message 'The property or method "children" is not defined in the instance, but is referenced during rendering.' appeared

Currently, I am in the process of creating a versatile State Manager that can seamlessly integrate with various Frontend Frameworks, including Vue. In order to showcase how the State Manager can be utilized within Vue, I have set up a simple codesandbox de ...

javascriptvue.jsvuejs2state-managementcodesandbox

Storing User IP Address in Database with Express and Mongoose

I'm looking for a way to store users' IP addresses in mongoDB by using a mongoose model file for the user. Does anyone have any suggestions on how I can achieve this? Here is an example of the schema for the Users module file: const userSchema ...

javascriptnode.jsreactjsexpressmongoose

What is the best method for pulling in a static, plaintext JSON file into JavaScript through a GET request?

Currently, I am running a test with this specific link: accessing static json data I have encountered several issues with cross-site request errors. It is puzzling to me why it should be any different from loading an image that is hosted on the same site ...

javascriptjsongetstatic-filescross-site

Utilizing numerous instances of setInterval

I've created a jsFiddle which can be found here: http://jsfiddle.net/dztGA/22/ Main Objective: My aim is to have two independent timers on the same page that can be stopped and restarted either by hovering or manually. The Issue: The problem illustr ...

javascriptjquerysetinterval

Retrieve the 90 days leading up to the current date using JavaScript

I've been searching for a way to create an array of the 90 days before today, but I haven't found a solution on StackOverflow or Google. const now = new Date(); const daysBefore = now.setDate(priorDate.getDate() - 90); The result I'm looki ...

javascriptarraystypescript

What could be causing the error 404 message to appear when trying to retrieve video data?

I'm having trouble displaying a video in mp4 format from the code's folder. When I attempt to fetch the video by clicking on the button, it shows an empty space instead of displaying the video. Here is an example of what the output looks like. T ...

javascriptphpjsonajaxrestful-url