Troubleshooting regex validation issues in a JSFiddle form

Question

Troubleshooting regex validation issues in a JSFiddle form

I encountered an issue with JSFiddle and I am having trouble figuring out the root cause. My aim is to validate an input using a regex pattern for a person's name.

$("document").ready(function() {
  function validateForm() {
    var userName = $("input[name=userName]").val();
    var subject = $("input[name=subject]").val();
    var message = $("input[name=message]").val();

    if (/^[a-zA-Z ]{2,30}$/.test(userName)) {
      alert("Your name is in the correct format");
    } else {
      alert("Your name can't contain numbers or special characters.");
    }
  }
})

javascript jquery html css jsfiddle

Answer 1

Answer №1

Everything looks good from my perspective, but I suggest incorporating return false to stop the form from submitting the formData.

Furthermore, it is advisable to separate the JavaScript logic from the HTML structure.

$("document").ready(function(){
    $('form').on('submit', function() {
        var userName = $("input[name=userName]").val();
        var subject = $("input[name=subject]").val();
        var message = $("input[name=message]").val();
        if (/^[a-zA-Z ]{2,30}$/.test(userName)) {
             alert("Your name is correctly formatted");
        }
        else{
            alert("Your name cannot contain numbers or special characters.");
            return false;
        }
    });
});

Answer 2

Everything looks good from my perspective, but I suggest incorporating return false to stop the form from submitting the formData.

Furthermore, it is advisable to separate the JavaScript logic from the HTML structure.

$("document").ready(function(){
    $('form').on('submit', function() {
        var userName = $("input[name=userName]").val();
        var subject = $("input[name=subject]").val();
        var message = $("input[name=message]").val();
        if (/^[a-zA-Z ]{2,30}$/.test(userName)) {
             alert("Your name is correctly formatted");
        }
        else{
            alert("Your name cannot contain numbers or special characters.");
            return false;
        }
    });
});

Troubleshooting regex validation issues in a JSFiddle form

Answer №1

Similar questions

Creating a type definition for the createSelector function based on the useQuery result

Generating table rows using JSON data retrieved from an Ajax response failed due to an 'Invalid Character' error

Issue with launching Android application from website

Loading Ajax content into div (Wordpress) without pre-loading the font can cause display issues

Inconsistency with Mobile Viewport Problem

Interacting between Angular controllers and services to efficiently showcase JSON information

Data is persisted in the database even when an error occurs

Proceed with executing the function only if the current date is before the specified date

The BeautifulSoup parsing result differs from the code of the original HTML page

Updating Arrays in Node.js isn't happening as expected

Controlling MYSQL data is not possible

Modifying variable assignments in an Angular index.html file according to the environment

Unselecting a span in AngularJS: Switching selection to another span

I am experiencing an issue where the onChange event is not being triggered in my React application

Can someone explain to me how I can customize the background of a bootstrap container?

In client.js, learn how to retrieve the value of an input tag (Name) from a login form

Using TypeScript with Node.js and Sequelize - the process of converting a value to a number and then back to a string within a map function using the OR

Refreshing material ui select choices based on user input

Navigating the same origin policy in Mozilla: A step-by-step guide

Analyzing and refreshing the data entries in firebase database