如何进行js和php验证？

我有四个文本框

文本框1： 文本框2： 文本框3： 文本框3：

我需要按照以下标准验证此字段：

1.如果有人将值放入textbox1，则必须强制将值放入textbox2。否则，两个textbox2都可以为空

2.如果有人在textbox3中输入值，他必须强制在textbox4中输入值。否则，两个文本框都可以为空

---

在这个标准之上，我如何进行验证。

我认为您想对我说的似乎是您需要ajax。看看是否可以使用AJAX来满足您的需求。

这只是一个示例，不是最终的解决方案，但如果您有一些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());
    }
}

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

模板/JavaScript:

$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());
    }
}

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

$（“#表单”）.ajaxForm({
“beforeSubmit”：函数（）{
//证实
返回表单验证（$（“#表单”），”；
}
});

编辑： 查看此视频：

---

享受吧

您可以使用简单的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;
}
}

---

您可以在更改每个文本框后调用此方法。让我知道我是否回答了您的问题？

您可以尝试此方法。可能它会对您有所帮助

首先放置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>

$（函数（）{
$（“#ckForm”）.validationEngine（）；
});

现在是表格

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

---

如果您需要任何进一步的帮助，请告诉我。

为什么需要PHp？您想验证哪个事件？您应该首先尝试用谷歌搜索您的问题。试一下…这不是答案，应该是评论是的，我知道我真的想评论，但最后写了评论作为答案。事实上，我不清楚狼獾到底想问什么。我听不懂你的回答@Bombastic@Wolverine：那么您应该先学习一些PHP和Javascript基础知识。：-）它是一个处理验证的PHP类。我的例子展示了如何使用它。是吗？你认为，我需要学习php basic，我在php工作1年以上。我不可能从php basic开始，因为我已经完成了它@先生，一年算不了什么。我不是来争论的，但是如果你不能理解我的代码，你就必须学习更多，因为我的代码并没有那么复杂。无论如何，我编辑了我的答案并添加了一个视频链接。检查一下，它应该可以帮助您在前端进行验证。@Wolverine:不客气！谢谢你的回复。如果有效的话我会通知你的。你总是欢迎大副。