Javascript Wordpress字段验证匹配

Javascript Wordpress field validation match

本文关键字：验证 字段 Wordpress Javascript      更新时间：2023-10-27

有人能帮忙吗。我被困了一段时间了。

我需要一些java脚本，它可以匹配联系人表单中的两个字段，以确保它们相同。示例：再次输入电话号码和电话号码。两个字段必须匹配。

我在WP中使用快速安全的联系表单，并将其放在所需JS的字段中，但无法获得我使用的代码。

字段当前命名如下：

需要field3_4来匹配field3_5
field3_4被称为电话

>field3_4再次被呼叫电话

<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 are not same in both fields");
    return false;
    }
    else
    {
    alert("Yeah they match correctly!!");
    }
    }
    </script>

    Here is a sample code
<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 number1 = document.getElementById('number1').value;
    var number2 = document.getElementById('number2').value;
    if(number1!=number2)
    {
    alert("Numbers are not same in both fields");
    return false;
    }
    else
    {
    alert("Yeah they match correctly!!");
    }
    }
    </script>
    </head>
    <body>
    <form name="myform" id="myform">
    <table width="100%" border="1">
      <tr>
        <td>Number1</td>
        <td><input type="text" name="number1" id="number1" onkeypress="return isNumber(event);" /></td>
      </tr>
        <tr>
        <td>Number2</td>
        <td><input type="text" name="number2" id="number2" onkeypress="return isNumber(event);" /></td>
      </tr>    
      <tr>
        <td colspan="2"><input type="submit" name="submit" value="Submit" onclick="return validateMe();" /></td>
      </tr>
    </table>
    </form>
相关文章：