如何做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> 

請讓我知道如果你需要任何進一步的幫助。