-7

私は4つのテキストボックス名を持っています

テキストボックス1: テキストボックス2: テキストボックス3: テキストボックス3:

以下のようないくつかの基準に従って、このフィールドを検証する必要があります。

1.誰かがテキストボックス1に値を入力した場合、テキストボックス2に値を入力する必要があります。そうしないと、両方のテキストボックスが空になる可能性があります。

2.テキストボックス 3 に値を入力した場合、テキストボックス 4 に値を入力する必要があります。そうしないと、両方のテキストボックスが空になる可能性があります。

この基準を超えて、どのように検証を行うことができますか?

4

4 に答える 4

3

あなたはこれを試すことができます.多分それはあなたを助けるでしょう.

最初に css と js ライブラリを配置します。

<link rel="stylesheet" href="http://www.position-relative.net/creation/formValidator/css/validationEngine.jquery.css" type="text/css"/>

<script src="http://www.position-relative.net/creation/formValidator/js/jquery-1.7.2.min.js" type="text/javascript"></script>

<script src="http://www.position-relative.net/creation/formValidator/js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>

<script src="http://www.position-relative.net/creation/formValidator/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>

これは、フォームの送信中にフォーム フィールドを検証する js 関数です。

<script type="text/javascript">
$(function(){
    $("#ckForm").validationEngine();
});
</script>

今フォーム

<form action="" method="post" accept-charset="utf-8" id="ckForm">
    <input type="text" name="textbox1" id="textbox1" />
    <input type="text" name="textbox2" id="textbox2" class="validate[condRequired[textbox1]]" />
    <input type="text" name="textbox3" id="textbox3" />
    <input type="text" name="textbox4" id="textbox4" class="validate[condRequired[textbox3]]" />
    <input type="submit" value="GO" />
</form>

さらにサポートが必要な場合はお知らせください。

于 2013-06-26T11:18:44.023 に答える
1

これは単なる例であり、最終的な解決策ではありませんが、PHP と JS のスキルが少しあれば、大いに役立つはずです。

PHP:

$Input = new Input();
$Input
    ->post("username")
        ->validate(Input::RULE_MINLENGTH, 4)
        ->validate(Input::RULE_MAXLENGTH, 20)
    ->post("email")
        ->validate(Input::RULE_NOT_EMPTY, null)
        ->validate(Input::RULE_IS_EMAIL, true)
    ->post("email2")
        ->validate(Input::RULE_EQUALS, "email")
    ->post("password")
        ->validate(Input::RULE_MINLENGTH, 1)
        ->validate(Input::RULE_MAXLENGTH, 20)
    ->post("password2")
        ->validate(Input::RULE_EQUALS, "password")
    ->post("random_text");

if (empty($_POST)) {
    // $_POST is empty, show the template!
    $Template->assign("validation_rules", $Input->get_rules_json());
    $Template->show("template.tpl");
} else {
    if ($Input->submit("post")) {
        // everything alright
        echo "No errors.";
    } else {
        echo "Errors: ";
        print_r($Input->get_errors());
    }
}

テンプレート/JavaScript:

$("#form").ajaxForm({
    "beforeSubmit": function() {
        // validate
        return formValidation($("#form"), '<?php echo $this->validation_rules?>');
    }
});

編集: このビデオをご覧ください: http://www.youtube.com/watch?v=Qf6o3MIcAtA

楽しみ！

于 2013-06-26T10:48:53.347 に答える
0

これは、単純な Java スクリプト関数を使用して実現できます。

function validate()
{
var txtBox1= document.getElementById('textbox1');
var txtBox2= document.getElementById('textbox2');
var txtBox3= document.getElementById('textbox3');
var txtBox4= document.getElementById('textbox3');
if(txtBox1.value!=""&&txtBox2.value=="")
{
    alert("Enter a value in text box");
    txtBox2.focus();
    return;
}
if(txtBox3.value!=""&&txtBox4.value=="")
{
    alert("Enter a value in text box");
    txtBox4.focus();
    return;
}
}

各テキスト ボックスの変更時にこのメソッドを呼び出すことができます。質問にお答えします。

于 2013-06-26T10:52:07.647 に答える