簡體   English   中英

聯系表格需要填寫以下兩個字段之一

[英]contact form require to fill one of two fields

我想在WordPress中創建一個聯系表單,其中必須填寫兩個字段之一才能發送。 例如,- e-mailtelephone number是必需的,但是如果用戶僅填寫一個字段,則可以。

這取決於您要如何驗證它。

PHP的? 您可以執行以下操作:

if ( empty($_POST['name1']) && empty($_POST['name2']) ) {
    // Error message
}

JS? 您可以執行以下操作:

var input1Val = document.getElementsByName('name1')[0].value;
var input2Val = document.getElementsByName('name2')[0].value;

if ( input1Val.length > 0 || input2Val.length > 0 ) {
    // Allow submission
}
`$(document).ready(function () {

    $('#forgot_pass_form').validate({ // initialize the plugin
        groups: {
            names: "uname email"
        },
        rules: {
            uname: {
                require_from_group: [1, ".send"]
            },
            email: {
                require_from_group: [1, ".send"]
            }
        },
        submitHandler: function (form) { // for demo
            alert('valid form submitted'); // for demo
            return false; // for demo
        }
    });

    jQuery.extend(jQuery.validator.messages, {
        require_from_group: jQuery.format("'Please enter either username/ email address to recover password'/Please fill out at least {0} of these fields.")
    });

});`

和HTML

<form action="#" class="send_form" id="forgot_pass_form" method="POST">
    <fieldset>
        <div class="send_row">
            <label class="padding-top10">Email</label>
            <input type="text" class="send_email send" id="email" name="email"
            /> <em>You need to type an email address</em>

        </div>
        <div class="send_row option">OR</div>
        <div class="send_row">
            <label class="padding-top10">Username</label>
            <input type="text" class="send_username send" id="uname"
            name="uname" />
        </div>
        <div class="send_row send_submitforgotuser">
            <input type="submit" value="Submit" />
        </div>
    </fieldset>
</form>
<a id="docs" href="http://docs.jquery.com/Plugins/Validation" target="_blank">Validation Documentation</a>

工作演示: http : //jsfiddle.net/sgmvY/1/

在不使用js的情況下驗證表單,需要開發自己的表單插件。

是一篇關於它的文章。

更改驗證邏輯以了解這兩個字段中的邏輯或。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM