PHP - Moved: Validation Of Email Using Jquery

This topic has been moved to Miscellaneous.

http://www.phpfreaks.com/forums/index.php?topic=349030.0

Hello Guys...

I need help about my validate scripts...

 

$(document).ready(function(){

//Validation
jQuery.validator.addMethod('validIPurl', function(value) {

var ip = '^([01]?[0-9]{1,2}|2[0-4][0-9]|25[0-5]).([01]?[0-9]{1,2}|2[0-4][0-9]|25[0-5]).([01]?[0-9]{1,2}|2[0-4][0-9]|25[0-5]).([01]?[0-9]{1,2}|2[0-4][0-9]|25[0-5])$';

var URL = /^(http|https)?:\/\/[a-zA-Z0-9-\.]+\.[a-z]{2,4}/;

//HOW TO JOIN AND VALIDATE BOTH VARIABLE IP AND URL????

}
}, 'Invalid Address');

 
//if(/^(http|https|ftp):\/\/[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/i)

$(".myfirstform").validate(
{
	rules:

	{
			ip: {
			     validIPurl: true
					
                             }
	},
);
},

I use jquery.validate javascripts to validate user input.. I also try to create if..else to join IP and URL but the control statement not working   Hope you guys can help for the solution...

Hi there, I am using the jQuery, Ajax PHP code which is given at http://roshanbh.com.np/2008/04/ajax-login-validation-php-jquery.html

The form I am using, which is in index.html, is:
Code: [Select]
<form method="post" action="" name="login" id="login_form">
                    <div class="field_row">
                        <div class="label_container">
            <label>Email</label>                       
                        </div>
                        <div class="field_container">
            <input type="text" placeholder="login with your email address..." name="email_address" id="email_address" value="" class="large" />                       
                        </div>
        <div class="clear"><span class="nodisp">&nbsp;</span></div>
        </div>

        <div class="field_row">
            <div class="label_container">
            <label>Password</label>         
            </div>
            <div class="field_container">
            <input type="password" placeholder="...and password" name="password" id="password" value="" class="large" />         
            </div>
        <div class="clear"><span class="nodisp">&nbsp;</span></div>
        </div>
               
                    <div class="final_row">
                        <input type="image" src="images/login_blue.gif" id="user_login_button" name="user_login_button" value="login" id="submit" class="submit_button" />
                        <div class="final_row_text_container" >
<a href="/login/forgot_password" style="color: #008ee8;" class="small_text">Forgot your Password?</a>
                        <br />
<span id="msgbox" style="display:none"></span>
</div>
                    </div>
<div class="clear"><span class="nodisp">&nbsp;</span></div>

                </form>

The Javascript, which is situated in the head of index.html. is:
Code: [Select]
<script language="javascript">
$(document).ready(function()
{
$("#login_form").submit(function()
{
//remove all the class add the messagebox classes and start fading
$("#msgbox").removeClass().addClass('messagebox').text('Validating....').fadeIn(1000);
//check the email address exists or not from ajax
$.post("login_ajax.php",{ email_address:$('#email_address').val(),password:$('#password').val(),rand:Math.random() } ,function(data)
        {
  if(data=='yes') //if correct login detail
  {
  $("#msgbox").fadeTo(200,0.1,function()  //start fading the messagebox
{
  //add message and change the class of the box and start fading
  $(this).html('Logging in.....').addClass('messageboxok').fadeTo(900,1,
              function()
  {
  //redirect to secure page
document.location='secure.php';
  });
 
});
  }
  else
  {
  $("#msgbox").fadeTo(200,0.1,function() //start fading the messagebox
{
  //add message and change the class of the box and start fading
  $(this).html('Your login details are incorrect.').addClass('messageboxerror').fadeTo(900,1);
});
          }

        });
  return false; //not to post the  form physically
});
//now call the ajax also focus move from
$("#password").blur(function()
{
$("#login_form").trigger('submit');
});
});
</script>

And the PHP, in login_ajax.php, is:

<?php session_start();

$host =  "localhost";
$user = "bford";
$pass = "bford";
$db = "bford";

$link = mysql_connect($host, $user, $pass);
if (!link) 
{
die('<strong>Error(s) occured:</strong> Could not connect: ' . mysql_error());
}

$db_selected = mysql_select_db($db, $link);
if (!db_selected) 
{
die ('<strong>Error(s) occured:</strong> Cant use bford: ' . mysql_error());
}

//get the posted values
$email_address=$_GET['emailaddress'];
$pass=$_GET['password'];

//now validating the username and password
$sql="SELECT * FROM users WHERE email_address='".$email_address."'";
$result=mysql_query($sql);
$row=mysql_fetch_array($result);

//if username exists
if(mysql_num_rows($result)>0)
{
//compare the password
if($row["password"],$pass)==1
{
echo "yes";
//now set the session from here if needed
$_SESSION["user_name"]=$userID; 
}
else
echo "no"; 
}
else
echo "no"; //Invalid Login


?>


I have been working on this for days now, changing around the form names, database table names, php variables, allsorts! I still cannot get it functioning properly. When I input a correct email_address and password combination, the 'Your login details are incorrect.' message still appears.

Help would be much appreciated.

Ben.

Hi I have a following code, validation part and jquery works perfectly in the code but it dosent send the email  I have jquery.js file in the head section of html and it work perfectly   contact.php

 
<div id="emailcontainer">

<div id="ack"> </div>

<div id="emailsend"><img src="images/emailsend.gif"></img><br> <p>We will get back to you soon</p></div>



<form id="contactform">

<div>

<label for="name">NAME:</label>

<input type="text" name="name" id="name" placeholder="John Doe" />

</div>

<div>

<label for="email">EMAIL:</label>

<input type="text" name="email" id="email" placeholder="JohnDoe@example.com" />

</div>

<div>

<label for="comment">MESSAGE:</label>

<textarea name="comment" rows="10" cols="50" id="comment"></textarea>

</div>

<input type="submit" name="submit" value="SEND" id="submit" />

</form>

</div><!---div emailcontainer end here--->

</div><!---div main end here--->
 

this page does the validation part from php   test.php

 
 
<?php

 if(isset($_POST["submit"])) {



    $errors = array();

    $name = $_POST['name'];

    $email = $_POST['email'];

    $comment = $_POST['comment'];

    $to = "reboosttechnologies@gmail.com";

    $from = $_POST['email'];

    $headers = "From: $from";

    $flag = false;

    $success = mail($to,$comment,$headers);

    $emailReg = '/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/ ';



    if(!($name) || !($email) || !($comment)){

        if(!$name){

            $errors[]="Missing Name";

            }

        if(!$email){

            $errors[]="Missing Email";

            }

        if(!$comment){

            $errors[]="Missing Comment";

            }

            $json_response = json_encode($errors);

                 

        }elseif(!preg_match($emailReg,$email)){

            $errors[] = "Not a valid email address";

            $json_response = json_encode($errors);

            }elseif($success){

                  $flag = true;



                return $flag;}else{

                

                $json_response = json_encode("Thanks for your comment");

                }

                echo $json_response;





}

?>

this file does the jquery validation without page refresh function.js

 
$(function(){

    $("#emailsend").hide();

    $("#submit").click(function(event) {

   event.preventDefault();

        var emailReg = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;

        var errors = false;

        var name = $('[name=name]').val();

        var email = $('[name=email]').val();

        var comment = $('[name=comment]').val();

        $('.errors').remove();

        if($("#name").val() == ""){

            $("#name").after("<span class= 'errors'> Missing Name </span>");

            errors = true;

            }

        if($("#email").val() == ""){

            $("#email").after("<span class= 'errors'> Missing Email </span>");

            errors = true;

            }else if(!emailReg.test($('#email').val())){

                $("#email").after("<span class= 'errors'> Not valid Email </span>");

                errors = true;

                }

        if($("#comment").val() == ""){

            $("#comment").after("<span class= 'errors'> Missing Comment </span>");

            errors = true;

            }

if(errors == true) {

     return false;

  } else {

     input_data = {

        "name"   : name,

        "email"  : email,

        "comment": comment,

        "submit" : true

     }

    $.ajax({

       type: 'post',

       url: 'test.php',

       data: input_data,

       dataType: 'json',

       success: function( msg ) {

          $("#ack").html(msg);

          $("#contactform").delay(500).slideUp(500);

          $("#emailsend").show(700);

       },

       error: function() {

          $("#ack").html('ERROR!');

       }

    });  

}





                

        

        });

    });

 
 

Hi,

I have done email validation. At present it shows invalid email address if I kept blank but in the same time inserted the records in database. I want user to stay at the same page if anything is invalid.

if(!empty($_POST['emailId'])){
if(preg_match("/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/", $_POST['emailId'])){
$records['Email']=$_POST['emailId'];
}
else{
$emsg="Please enter valid Email address";
}}
else{
$emsg="Please enter valid Email address";
}


And I have used like

<tr><td>Email id</td><td><input type="text" name="emailId"></td><td><?php echo ".$emsg." ;?></td></tr>


Can anybody help me in this regard?