0

I am trying to build a function in JavaScript that prints "valid input" in console if all characters in the textbox are other than alphabets (upperCase, lowerCase). But if any of character in the textbox is alphabet then it prints "valid input". I used a button to invoke this function.

Test case for more understanding:

  • "Lorem ipsum dolor sit amet" (valid)
  • "54646475" (invalid)
  • "#$#$" (invalid)
  • "Lorem ipsum 655746 dolor sit amet" (valid)
  • "Lorem ipsum dolor sit #$%^ amet" (valid)
  • "Lorem ipsum 7746 dolor %$^& sit amet" (valid)

I am confused about logic building of this problem.

Firstly I go with regular expression but didn't understand how to implement it in this problem.

function capCaseHandle() {
        const allCharRegExp = /[\w]+/;
        let text = document.getElementById("textArea");
        if (allCharRegExp.test(text)) {
                        console.log("Valid Text");
        }
        else {
            console.log("Invalid Text");
        }
    }

I tested this function but the function itself is invalid.

Improve this question
2
  • What you can do is try to test if the string has at least one uppercase or lowercase character, from the test cases I think you don't care what other things that string has. Commented Jun 25, 2024 at 14:58
  • Try this regex: /[a-zA-Z]/ Commented Jun 25, 2024 at 14:59

3 Answers 3

Reset to default
0

You should be using document.getElementById("textArea").value.

Fixed version below:

function capCaseHandle() {
  const allCharRegExp = /[\w]+/;
  let text = document.getElementById("textArea").value;
  if (allCharRegExp.test(text)) {
    console.log("Valid Text");
  } else {
    console.log("Invalid Text");
  }
}
Improve this answer
Sign up to request clarification or add additional context in comments.

1 Comment

@ubaid-mirza it's not ok to ask questions and then ignore responses. We took time out of our days because we wanted to help you out, and the least you can do is leave some feedback to say if the answers were helpful or not.
0

The biggest issue that I'm seeing is you're testing a regular expression against a DOM Element, not the text within that element. You can access the value of an element with .value.

Another issue is w+ will match numeric text. If you only want alpha characters try upper and lowercase ranges for [A-Za-z]+

function capCaseHandle() {
    const allCharRegExp = /[A-Za-z]+/;
    let textElement = document.getElementById("textArea");
    let text = textElement.value;
    
    if (allCharRegExp.test(text)) {
        console.log("Valid Text");
    } else {
        console.log("Invalid Text");
    }
}
Improve this answer

Comments

0

You need to change your line:

let text = document.getElementById("textArea");
const allCharRegExp = /[\w]+/;

To get the value like below:

let text = document.getElementById("textArea").value;
const allCharRegExp = /[a-zA-Z]/;

Refer the below code for reference:

function validateInput() {
    const text = document.getElementById("textArea").value;
    const allCharRegExp = /[a-zA-Z]/;

    if (allCharRegExp.test(text)) {
        console.log("Valid input :"+text);
    } else {
        console.log("Invalid input :"+text);
    }
}
<textarea id="textArea"></textarea>
<button onclick="validateInput()">Check Input</button>

Improve this answer

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.