TechBugie: user name and email validation .html page and jquery script

<html>
<body>
<head>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
User Longin
</head>
<div id="error" ></div>
<style>
#error{
color:red;
text-align:center;
}
</style>
<form action="userdata.php" id="savedata" method="post"/>
<lable>user name :</lable>
<input type="text" name="username" id="username" /><br>
<lable>user email :</lable>
<input type="text" name="useremail" id="useremail" /><br>
<input type="submit" value="submit" />

<script>
$(function(){
$('#savedata').on('submit',function(e){
        e.preventDefault();
    var fields = $( "form" ).serializeArray();
    $.each( fields, function() {
        if(this.value=="")
            {
            $("#error").empty();
            $("#error").append("Enter User Name: " + this.name + "columns");
            }
            else
            {
                $("#error").empty();
                return true;
            }

        });

    $.ajax({
            type:"POST",
            url:'userdata.php',
            data:$("form").serializeArray(),
            datatype:'json',
            encode:true,
            success:function(data){
                var result=eval('('+data+')');
                if(result.success==true)
                {
                    $("#error").append("valid user");
                }
                else
                {

                    $("#error").append("in valid user");
                }
            }
        });

    });
});

</script>
</body>
</html>

TechBugie

Saturday 3 December 2016

user name and email validation .html page and jquery script

No comments:

Post a Comment