如何做js和php验证？

Question

我有四个文本框命名

TextBox1的： TextBox2中： textbox3： textbox3：

我需要按照一定的标准像下面来验证这一领域：1.如果有人把价值

在textbox1中，他必须强制在textbox2中输入值。否则两个文本框都可以为空。

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

高于此标准，我如何进行验证。

Answer 1

我想你想对我说什么好像你需要ajax。看看你是否可以使用AJAX来满足你的要求。

Answer 2

这只是一个例子，并不是最终的解决方案，但如果你有一些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

享受！

Answer 3

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

你可以调用这个方法onchange每个文本box.let我知道我回答你的问题？

Answer 4

你可以试试这个，可以帮你。

首先把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> 

请让我知道如果你需要任何进一步的帮助。