Javascript Wordpress字段验证匹配

时间:2013-11-27 09:57:21

标签: javascript wordpress validation

有人可以帮忙解决这个问题。我已经被困了一段时间了。

我需要一些可以匹配联系表单中两个字段的java脚本,以确保它们是相同的。 示例:电话号码和电话号码。两个字段必须匹配。

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

字段目前命名如下:

  

需要field3_4匹配field3_5
field3_4称为phone

     

> 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>

1 个答案:

答案 0 :(得分:0)

    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>
相关问题