سورس پروژه ثبت نام مرحله به مرحله در php ۱ اردیبهشت ۱۳۹۵
سورس پروژه ثبت نام مرحله به مرحله در phpReviewed by farzad khaledi on Apr 20Rating: سورس پروژه ثبت نام مرحله به مرحله در phpبا سلام در یکی از سری پروژه رایگان برنامه نویسی برای شما سورس پروژه ثبت نام مرحله به مرحله در php رو آماده و در سایت قرار خواهیم داد، در این پروژه برنامه نویسی که با php طراحی شده است فرم ثبت نام چند مرحله ای قرار دارد به این صورت که ابتدا فرد ثبت نام کننده در سایت اطلاعات ایمیل سپس کلمه عبور و سپس اطلاعات کلی خود را وارد نمایید تا به مرحله پایانی برسد، این فرآیند تقریبا شبیه سیستم ثبت نام وب سایت سنجش است.
با سلام در یکی از سری پروژه رایگان برنامه نویسی برای شما سورس پروژه ثبت نام مرحله به مرحله در php رو آماده و در سایت قرار خواهیم داد، در این پروژه برنامه نویسی که با php طراحی شده است فرم ثبت نام چند مرحله ای قرار دارد به این صورت که ابتدا فرد ثبت نام کننده در سایت اطلاعات ایمیل سپس کلمه عبور و سپس اطلاعات کلی خود را وارد نمایید تا به مرحله پایانی برسد، این فرآیند تقریبا شبیه سیستم ثبت نام وب سایت سنجش است.
سورس پروژه ثبت نام مرحله به مرحله در php :
سورس کد html :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | <div class="message"><?php if(isset($message)) echo $message; ?></div> <ul id="registration-step"> <li id="account" class="highlight">Account</li> <li id="password">Credentials</li> <li id="general">General</li> </ul> <form name="frmRegistration" id="registration-form" method="post"> <div id="account-field"> <label>Email</label><span id="email-error" class="registration-error"></span> <div><input type="text" name="email" autofocus="autofocus" id="email" class="demoInputBox" /></div> </div> <div id="password-field" style="display:none;"> <label>Enter Password</label><span id="password-error" class="registration-error"></span> <div><input type="password" name="password" id="user-password" autofocus="autofocus" class="demoInputBox" /></div> <label>Re-enter Password</label><span id="confirm-password-error" class="registration-error"></span> <div><input type="password" name="confirm-password" id="confirm-password" class="demoInputBox" /></div> </div> <div id="general-field" style="display:none;"> <label>Display Name</label> <div><input type="text" name="display-name" autofocus="autofocus" id="display-name" class="demoInputBox"/></div> <label>Gender</label> <div> <select name="gender" id="gender" class="demoInputBox"> <option value="female">Female</option> <option value="male">Male</option> </select></div> </div> <div> <input class="btnAction" type="button" name="back" id="back" value="Back" style="display:none;"> <input class="btnAction" type="button" name="next" id="next" value="Next" > <input class="btnAction" type="submit" name="finish" id="finish" value="Finish" style="display:none;"> </div> </form> |
سورس کد Jquery :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 | <script src="js/code_js.js"></script> <script> function validate() { var output = true; $(".registration-error").html(''); if($("#account-field").css('display') != 'none') { if(!($("#email").val())) { output = false; $("#email-error").html("required"); } if(!$("#email").val().match(/^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/)) { $("#email-error").html("invalid"); output = false; } } if($("#password-field").css('display') != 'none') { if(!($("#user-password").val())) { output = false; $("#password-error").html("required"); } if(!($("#confirm-password").val())) { output = false; $("#confirm-password-error").html("Not Matched"); } if($("#user-password").val() != $("#confirm-password").val()) { output = false; $("#confirm-password-error").html("Not Matched"); } } return output; } $(document).ready(function() { $("#next").click(function(){ var output = validate(); if(output) { var current = $(".highlight"); var next = $(".highlight").next("li"); if(next.length>0) { $("#"+current.attr("id")+"-field").hide(); $("#"+next.attr("id")+"-field").show(); $("#back").show(); $("#finish").hide(); $(".highlight").removeClass("highlight"); next.addClass("highlight"); if($(".highlight").attr("id") == $("li").last().attr("id")) { $("#next").hide(); $("#finish").show(); } } } }); $("#back").click(function(){ var current = $(".highlight"); var prev = $(".highlight").prev("li"); if(prev.length>0) { $("#"+current.attr("id")+"-field").hide(); $("#"+prev.attr("id")+"-field").show(); $("#next").show(); $("#finish").hide(); $(".highlight").removeClass("highlight"); prev.addClass("highlight"); if($(".highlight").attr("id") == $("li").first().attr("id")) { $("#back").hide(); } } }); }); </script> |
سورس کد php :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | <center> <table border="1" cellspacing="5" cellpadding="5" style="margin:15px;"> <tr style="color:blue;"> <th> Display Name </th> <th> Email </th> <th> Gender </th> </tr> <?php $conn = mysql_connect("localhost","root",""); mysql_select_db("applicant",$conn); $result= mysql_query("select * from users order by user_id DESC ") or die (mysql_error()); while ($row= mysql_fetch_array ($result) ){ $id=$row['user_id']; ?> <tr style="text-align:center; color:blue;"> <td style="width:200px;"> <?php echo $row['display_name']; ?> </td> <td style="width:200px; color:red;"> <?php echo $row['email']; ?> </td> <td style="width:200px; color:blue;"> <?php echo $row['gender']; ?> </td> </tr> <?php } ?> </table> </center> |
شما عزیزان می توانید این پروژه رایگان را از دانلود باکس پست به صورت رایگان دریافت نمایید.
به نکات زیر توجه کنید