"Ensuring Data Accuracy: Validating WordPress Fields with JavaScript

Question

"Ensuring Data Accuracy: Validating WordPress Fields with JavaScript

Can anyone provide assistance with this? I've been struggling for some time now.

I am in need of a JavaScript code that can compare two fields in a contact form to ensure they match. For example, Phone Number and Phone Number Again. Both fields must match.

I am using the Fast Secure Contact Form plugin in WordPress and trying to input this JavaScript code into the necessary field, but it's not working as expected.

The current names of the fields are:

Need field3_4 to match field3_5
field3_4 is labeled phone

> field3_4 is called phone again

<script type="text/javascript">
    function isNumber(evt) {
        evt = (evt) ? evt : window.event;
        var charCode = (evt.which) ? evt.which : evt.keyCode;
        if (charCode > 31 && (charCode < 48 || charCode > 57)) {
            return false;
        }
        return true;
    }
    function validateMe()
    {
    var phone = document.getElementById('field3_4').value;
    var phone_again = document.getElementById('field3_5').value;
    if(phone!=phone_again)
    {
    alert("Numbers do not match in both fields");
    return false;
    }
    else
    {
    alert("Great! They match correctly!!");
    }
    }
    </script>

javascript wordpress validation

Answer 1

Answer №1

    Here is a code snippet
<script type="text/javascript">
    function validateNumber(evt) {
        evt = (evt) ? evt : window.event;
        var charCode = (evt.which) ? evt.which : evt.keyCode;
        if (charCode > 31 && (charCode < 48 || charCode > 57)) {
            return false;
        }
        return true;
    }
    
    function checkEquality()
    {
      var num1 = document.getElementById('num1').value;
      var num2 = document.getElementById('num2').value;
      if(num1!=num2)
      {
          alert("Please enter the same number in both fields");
          return false;
      }
      else
      {
          alert("The numbers match!");
      }
    }
    </script>
    </head>

    <body>
    <form name="myform" id="myform">

    <table width="100%" border="1">
      <tr>
        <td>Number 1:</td>
        <td><input type="text" name="num1" id="num1" onkeypress="return validateNumber(event);" /></td>
      </tr>

        <tr>
        <td>Number 2:</td>
        <td><input type="text" name="num2" id="num2" onkeypress="return validateNumber(event);" /></td>
      </tr>
      
      <tr>
        <td colspan="2"><input type="submit" name="submit" value="Submit" onclick="return checkEquality();" /></td>
      </tr>
    </table>

    </form>

Answer 2

    Here is a code snippet
<script type="text/javascript">
    function validateNumber(evt) {
        evt = (evt) ? evt : window.event;
        var charCode = (evt.which) ? evt.which : evt.keyCode;
        if (charCode > 31 && (charCode < 48 || charCode > 57)) {
            return false;
        }
        return true;
    }
    
    function checkEquality()
    {
      var num1 = document.getElementById('num1').value;
      var num2 = document.getElementById('num2').value;
      if(num1!=num2)
      {
          alert("Please enter the same number in both fields");
          return false;
      }
      else
      {
          alert("The numbers match!");
      }
    }
    </script>
    </head>

    <body>
    <form name="myform" id="myform">

    <table width="100%" border="1">
      <tr>
        <td>Number 1:</td>
        <td><input type="text" name="num1" id="num1" onkeypress="return validateNumber(event);" /></td>
      </tr>

        <tr>
        <td>Number 2:</td>
        <td><input type="text" name="num2" id="num2" onkeypress="return validateNumber(event);" /></td>
      </tr>
      
      <tr>
        <td colspan="2"><input type="submit" name="submit" value="Submit" onclick="return checkEquality();" /></td>
      </tr>
    </table>

    </form>

"Ensuring Data Accuracy: Validating WordPress Fields with JavaScript

> field3_4 is called phone again

Answer №1

Similar questions

Error: Invalid syntax detected: /blog

What is the best way to retrieve the ID of the list item that has been clicked during a button event?

Using the Google Identity Services JavaScript SDK in conjunction with Vue and TypeScript: A comprehensive guide

JavaScript error - Property value is not valid

Every time I attempt to load the table, I encounter an error

Transmitting a variable string from JavaScript to PHP through AJAX

The text field is being styled with inline styles automatically

After the checkbox is clicked, I must send a boolean value to the function through the input flag in AngularJS

Exploring the World of Wordpress Plugins and Navigating the wp-json API

"Utilizing AJAX to set an array as a global variable

In Javascript, merge two arrays together in a specific format

Verifying the name's uniqueness and disregarding it in case of any alterations

How can Angular JS detect the names of the CSS files being used in an HTML page?

Redirecting Wordpress Blog Posts (1,000 entries)

What are the steps to modify the camera type in Three.js?

Maintaining the Readability of Promise Chains

Can a key event be activated on the DOM Window using Javascript or JQuery?

issue with JavaScript canvas

Unleash the power of jQuery to leverage two different input methods

Vue components: Using `object[key]` as a prop does not trigger reactivity