form表单1的ajax验证

最新推荐文章于 2025-09-12 13:16:34 发布

weixin_33842328

最新推荐文章于 2025-09-12 13:16:34 发布

阅读量57

点赞数

CC 4.0 BY-SA版权

文章标签： php javascript ViewUI

原文链接：http://www.cnblogs.com/handsomehan/p/5869161.html

本文介绍了一个简单的表单Ajax验证实例，通过HTML与JavaScript实现前端表单输入，并使用PHP进行后端验证反馈，展示了基本的用户登录流程。

form表单的ajax验证1：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="form">
			账号：<input type="text" /><br />
			密码：<input type="text" /><br />
			<button id="btn">登录</button>
		</div>
		<script src="ajax.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var btn = document.getElementById('btn');
			var user = document.getElementById('form').getElementsByTagName('input')[0];
			var pass = document.getElementById('form').getElementsByTagName('input')[1];
			btn.onclick = function() {
				ajax('form.php?user='+user.value+'&pass='+pass.value,function(str) {
					alert(str);
				});
			}
		</script>
	</body>
</html>

　PHP代码：

<?php
/*
****************************************************

	请求方式: get

	url:	form.php?user=用户名&pass=密码
		
	return:	'登陆成功'
			'账号密码不能为空'
			'账号错误'
			'密码错误'

****************************************************
*/
$user=$_GET["user"];
$pass=$_GET["pass"];

// $user=$_POST["user"];
// $pass=$_POST["pass"];

if ($user=="laowang"&&$pass=="12345"){
	echo '登陆成功';
}else{
	if ($user==""||$pass=="") {
		echo '账号密码不能为空';
	} else if ($user!="laowang"){
		echo '账号错误';
	}else if ($pass!="12345"){
		echo '密码错误';
	};
};

?>

转载于:https://www.cnblogs.com/handsomehan/p/5869161.html