简单用JQ+PHP+Ajax实现表单验证用户名及密码

最新推荐文章于 2021-03-24 06:23:37 发布
最新推荐文章于 2021-03-24 06:23:37 发布
阅读量318 收藏 1
点赞数
文章标签： php javascript ViewUI
原文链接：http://www.cnblogs.com/cnchenjunbiao/p/4516753.html
版权 
 
  
  1. <html><head>
  2.  <meta charset="utf-8">
  3. <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
  4. <script type="text/javascript" src="a.js"></script>
  5. <style type="text/css">
  6. body { font:12px/1.6em "宋体" }
  7. ul { list-style:none; }
  8. li { margin-top:10px; }
  9. </style>
  10. </head>
  11. <body>
  12. <h3>会员登录</h3>
  13. <div id="login">
  14. <form method="post" action="login.php" id="form" name="form">
  15.  <ul>
  16.  <li>名字：<input type="text" name="user" id="user" size="16" maxlength="20"></li>
  17.  <li>密码：<input type="password" name="pass" id="pass" size="16" maxlength="20"></li>
  18.  <li>
  19.  <input type="submit" style="border:0" />
  20.  </li>
  21.  <li id="confirm"></li>
  22.  </ul>
  23. </form>
  24. </div>
  25. </body></html>
 
 
 
 
 
  
 
   
 
   
  1. $(document).ready(function(){
  2.  $("#form").submit(function(){
  3.  login();
  4.  return false;
  5.  });
  6. });
  7. function login(){
  8. var user = $("#user").val();
  9. var pass = $("#pass").val();
  10. if (user == ""){
  11.  $("#confirm").text("请输入登录用户名");
  12.  $("#user").focus();
  13.  return false;
  14. }
  15. if(pass == ""){
  16.  $("#confirm").text("请输入登录密码");
  17.  $("#pass").focus();
  18.  return false;
  19. }
  20. $.ajax({
  21.  type: "POST",
  22.  url: "login.php",
  23.  data: "id=" + user + "&p=" + pass,
  24.  beforeSend: function(){
  25.  $("confirm").text("登录中，请稍候");
  26.  },
  27.  success: function(msg){
  28.  if(msg == "success"){
  29.  $("#confirm").text("登录成功，欢迎" + user + "回来！正在进入你的空间");
  30.  }else {
  31.  $("#confirm").text("没有此用户或者密码不正确！");
  32.  }
  33.  }
  34. });
  35. }
 
  
 
  
 
   
 
    
 
    
  1. <?php
  2. $p = isset($_POST["p"]) ? $_POST["p"] : $_GET["p"];
  3. $id = isset($_POST["id"]) ? $_POST["id"] : $_GET["id"];
  4. if($id == "admin" && $p == "admin"){
  5.  echo 'success';
  6. }
  7. ?>
 
   
 
   
 
    
 
   
 
  
 
 
 
 
 
 
 
  
 
 
 
 

 

转载于:https://www.cnblogs.com/cnchenjunbiao/p/4516753.html

                

        

        




    




    

      

        

            

              
                
                  叛逆的鲁鲁修love CC
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    1
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
php ajax mysql登录_PHP+jQuery+Ajax实现用户登录与退出

				
			

			

				

					weixin_33508642的博客
				

				

					01-20
					
					241
					
				

			

		

		

			
				
用户登录与退出功能应用在很多地方，而在有些项目中，我们需要使用Ajax方式进行登录，登录成功后只刷新页面局部，从而提升了用户体验度。本文将使用PHP和jQuery来实现登录和退出功能。准备数据库本例我们使用Mysql数据库，创建一张user表，表结构如下：CREATE TABLE `user` (`id` int(11) NOT NULL auto_increment,`username` var...

			
		

	



                

              
                



	

		

			

				
					
jquery ajax+mysql+php实现数据库验证用户名是否存在

				
			

			

				

					Jack Blog
				

				

					01-07
					
					2399
					
				

			

		

		

			
				
总共需要两个页面和一个名为test的数据库，里头有一个名为bbs的表：
nameExisit.php（用户前端页面当然也可以写成html页面）
reg.php              （用于处理数据的后台页面）
nameExisit.php




    jquery检测用户名
    
    
   
    $(function(){
 
      $("#username"

			
		

	



                


  
              

                


	

		

			

				
					
php jquery ajax实现用户名,php+jquery+ajax实现用户名验证

				
			

			

				

					weixin_42398730的博客
				

				

					03-21
					
					140
					
				

			

		

		

			
				
这是我今天无意间看到的一些东西，第一次接触jquery，当作我的一个意外收获写出来，只是初学者的了解。。。从认识jquery开始写这个验证。。。大多数情况下，jquery代码的编写，都要求我们将jquery的代码放在以下三种中任一个function里。有三种写法，同样效果，有点像Window.onload，但也有不同，就是window.onload是页面加载完后才会执行，而$(document)....

			
		

	





	

		

			

				
					
php jquery ajax实现用户名,实例讲解ajax实现用户名校验的传统和jquery的$.post方式...

				
			

			

				

					weixin_35251837的博客
				

				

					03-21
					
					168
					
				

			

		

		

			
				
本文主要为大家分享一篇ajax实现用户名校验的传统和jquery的$.post方式的实例讲解，具有很好的参考价值，希望能帮助到大家更充分的掌握ajax。第一种：传统的ajax异步请求，后台代码以及效果在最下边首先我们在eclipse中创建一个注册页面regist.jsp,创建一个form表单，注意，由于我们只是实现用户名校验的效果，下边红色部门是我们需要研究对象，所以其他的部门可以忽略不看。内容如...

			
		

	



		

			
		



	

		

			

				
					
jq+ajax+php粗略实现了网页中评论功能

				
			

			

				

					02-21
				

			

		

		

			
				
本项目使用jQuery（jq）、Ajax以及PHP技术，实现了这一功能，并依赖于XAMPP这样的本地服务器环境来运行。下面将详细介绍这些技术及其在实现网页评论功能中的应用。  1. jQuery（jq）：jQuery是一个轻量级的...

			
		

	





	

		

			

				
					
jquery+ajax实现注册实时验证实例详解

				
			

			

				

					11-24
				

			

		

		

			
				
jQuery 和 AJAX 提供了一种简单有效的方法来实现这种实时验证。本文将详细讲解如何使用 jQuery 和 AJAX 在注册表单中实现这一功能。  首先，我们需要理解 AJAX（Asynchronous JavaScript and XML）的基本概念。AJAX ...

			
		

	





	

		

			

				
					
ajax实现用户名校验的传统和jquery的$.post方式(实例讲解)

				
			

			

				

					12-09
				

			

		

		

			
				
【Ajax 实现用户名校验】 在Web开发中，用户输入的验证是非常关键的一环，尤其是在注册或登录功能中，确保用户名的唯一性至关重要。本文将详细介绍两种使用Ajax技术进行用户名校验的方法：传统的方式和jQuery的$....

			
		

	





	

		

			

				
					
php+ajax+jquery打造登陆验证

				
			

			

				

					08-21
				

			

		

		

			
				
以下是使用jQuery实现Ajax登录验证的一个简要示例：  ```html <!DOCTYPE html>      登录验证  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>    $(document).ready(function() {  $("#...

			
		

	





	

		

			

				
					
php实现Ajax带有验证码的登陆注册功能

				
			

			

				

					09-18
				

			

		

		

			
				
1. **登录功能**：登录过程通常涉及验证用户名和密码是否匹配。PHP代码会检查数据库中的记录，如果找到匹配项，则设置会话变量，表示用户已登录。登录表单的提交通常是通过Ajax完成的，这样可以在不刷新整个页面的...

			
		

	





	

		

			

				
					
jquery实现登录成功界面_jQuery Ajax 实现在html页面实时显示用户登录状态

				
			

			

				

					weixin_39888412的博客
				

				

					12-21
					
					1016
					
				

			

		

		

			
				
当网站是全静态的html页面时，而又希望网站会员在登录之后并在所有页面头部显示登录状态，如用户名等，如果未登录就是未登录状态，下面给大家来分享实现的方法。一、在html静态页面中加入div，并指定ID如：二、新建一个动态的ajaxlogin.php文件，用来判断用户是否登录了代码如下：session_start();if( $_SESSION['u_login']=='turelogin' ){e...

			
		

	





	

		

			

				
					
ajax返回php中的用户名,ajax返回用户名，密码

				
			

			

				

					weixin_39635459的博客
				

				

					03-18
					
					148
					
				

			

		

		

			
				
截图如上：代码如下：$(document).ready(function(){$("#button_login").mousedown(function(){var username = $("#username").val();var password = $("#password").val();//一个Ajax过程$.ajax({type: "post", //以post方式与后台沟通url...

			
		

	





	

		

			

				
					
php ajax异步加载_php+jQuery+Ajax简单实现页面异步刷新

				
			

			

				

					weixin_39768762的博客
				

				

					03-08
					
					147
					
				

			

		

		

			
				
页面显示如下：JQueryAjax.html中的代码如下(用的较为简单的$.post)JQueryAjax+PHP用户名:密码:ajax提交$(document).ready(function(){$(".butn").click(function(){var username = $("#username").val();var password = $("#password").val();$...

			
		

	





	

		

			

				
					
php ajax操作成功刷新页面,PHP ajax制作局部刷新用户登录和退出功能_PHP实例教程...

				
			

			

				

					weixin_34299849的博客
				

				

					03-09
					
					245
					
				

			

		

		

			
				
php用户登录做很简单，但是要做到符合用户体验有点小不简单，比如登录局部无刷新验证就利用到ajax，这篇文章是利用ajax+jquery+php实现局部刷新的用户登录和退出！教程比较详细，需要这个功能的朋友请认真看.演示登录前界面(用户名和密码demo)成功登录后界面创建数据库表本例我们使用Mysql数据库，创建一张user表，表结构如下：CREATE TABLE `user` (`id` int...

			
		

	





	

		

			

				
					
php 用户名是否注册 js,jquery ajax 检测用户注册时用户名是否存在

				
			

			

				

					weixin_42524945的博客
				

				

					03-24
					
					127
					
				

			

		

		

			
				
首先需要一个添加年级的页面，暂时叫grade.htm这个文件需要引入两个文件jquery.js(jquery框架文件)和grade.js(验证的单独文件)。下面的input用于输入用户名字,id="gradeInfo"是为了显示提示信息用的。grade.htm*当用户输入信息以后，进入验证环节，看看我们的验证grade.js是怎么写的。grade.js/*** 验证用户名是否重复的js** @na...

			
		

	





	

		

			

				
					
java ajax jQuery 登录_jQuery+ajax实现用户登录验证

				
			

			

				

					weixin_29098367的博客
				

				

					02-16
					
					580
					
				

			

		

		

			
				
本文实例为大家分享了jQuery+ajax实现用户登录验证的具体代码，供大家参考，具体内容如下登录界面*{margin: 0;padding: 0;}h3{display: block;width: 100%;height: 50px;text-align: center;line-height: 50px;background-color: cornflowerblue;cursor: move...

			
		

	





	

		

			

				
					
php mysql js弹出登陆小窗口_PHP实现的登录页面信息提示功能示例

				
			

			

				

					weixin_33554514的博客
				

				

					02-07
					
					279
					
				

			

		

		

			
				
本文实例讲述了PHP实现的登录页面信息提示功能。分享给大家供大家参考，具体如下：login.php:Insert title here帐号：密码：echo "";//通过 error 值，确定提示信息if(!empty($_GET['error'])){$error=$_GET['error'];If($error==1){Echo "您输入的账号或密码错误！";}elseif ($error==...

			
		

	





	

		

			

				
					
html表单+php（返回执行结果到页面)

				
			

			

				

					Repuryee的博客
				

				

					09-23
					
					4006
					
				

			

		

		

			
				
HTML部分：login.html
id为resultmessage的span用来显示登录信息验证结果，显示各种失败情况的错误提示；
 <div>
    <span id="resultmessage"></span>
    <input type="text" name="inputtext1" autocomplete="off" placeholder="输入手机号/用户名/邮箱">
    <input type="password" nam

			
		

	





	

		

			

				
					
php + jq + html 请使用代码实现超大文件日志每秒实时读取 不能报502错误

					
最新发布

				
			

			

				

					05-26
				

			

		

		

			
				
首先，为了防止 502 错误，我们需要使用 AJAX 技术来实现页面的异步加载。这样，页面就不会在读取大文件的时候被阻塞。  其次，我们需要使用 PHP 来读取大文件，并将读取到的内容返回给前端。我们可以使用 `fopen` ...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值