how to do js and php validation? [closed] - php

Question

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
I have four text boxes name
textbox1:
textbox2:
textbox3:
textbox3:
I need to validate this field by following some criteria like below :
1.If anyone put value in textbox1,he must forced to put value in textbox2.Otherwise both textbox can be empty.
2.If anyone put value in textbox3,he must forced to put value in textbox4.Otherwise both textbox can be empty.
Above this criteria,how can i make validation.

Answer 1

You can try this.May be it will help you.
first put the css and js library.
<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>
this is your js function which will validate your form field while submit the form
<script type="text/javascript">
$(function(){
$("#ckForm").validationEngine();
});
</script>
Now the form
<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>
Please let me know if you need any further help.

Answer 2

It's just an example and not a final solution but if you've a few PHP and JS skills it should help you a lot.
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());
}
}
Template/JavaScript:
$("#form").ajaxForm({
"beforeSubmit": function() {
// validate
return formValidation($("#form"), '<?php echo $this->validation_rules?>');
}
});
Edit:
Check out this video: http://www.youtube.com/watch?v=Qf6o3MIcAtA
Enjoy!

Answer 3

I think what you are trying to say to me it seems as if you require ajax. See if you can use AJAX or not for fulfilling your requirement.

Answer 4

You can achive this using simple java script function.
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;
}
}
you can call this method onchange of each text box.let me know i answer your question?