Php 我想使用jquery验证数据库中的用户名
我希望当用户从fiel输入用户名时,它从process.php进行验证,验证后在name字段前面显示结果。 我想,当用户从contry中选择uk时,显示uk city,如果选择india,则显示india cities如何使用jquery实现,如果有任何fiel eppty,则显示错误Php 我想使用jquery验证数据库中的用户名,php,javascript,jquery,html,Php,Javascript,Jquery,Html,我希望当用户从fiel输入用户名时,它从process.php进行验证,验证后在name字段前面显示结果。 我想,当用户从contry中选择uk时,显示uk city,如果选择india,则显示india cities如何使用jquery实现,如果有任何fiel eppty,则显示错误 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>JQuery Form Example</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#myform").validate({
debug: false,
rules: {
name: "required",
email: {
required: true,
email: true
}
},
messages: {
name: "Please let us know who you are.",
email: "A valid email will help us get in touch with you.",
},
submitHandler: function(form) {
// do other stuff for a valid form
$.post('process.php', $("#myform").serialize(), function(data) {
$('#results').html(data);
});
}
});
});
</script>
<style>
label.error { width: 250px; display: inline; color: red;}
</style>
</head>
<body>
<form name="myform" id="myform" action="" method="POST">
<!-- The Name form field -->
<div id='name'> </div>
<label for="name" id="name_label">Username</label>
<input type="text" name="name" id="name" size="30" value=""/>
<br>
<!-- The Email form field -->
<div id='email'> </div>
<label for="email" id="email_label">Email</label>
<input type="text" name="email" id="email" size="30" value=""/>
<br>
<!-- The Country form field -->
<div id='Select_option'> </div>
<label for="country" id="country_label">Contry</label>
<select name="contry">
<option value="uk">uk</option>
<option value="india">india</option>
</select>
<br>
<!-- The Country form field -->
<div id='uk_city'> </div>
<label for="ukcity" id="ukcity_label">uk city</label>
<select name="uk_city">
<option value="u0">u0</option>
<option value="u1">u1</option>
</select>
<br>
<!-- The Country form field -->
<div id='ind_city'> </div>
<label for="indcity" id="indcity_label">ind city</label>
<select name="ind_city">
<option value="i0">i0</option>
<option value="i1">i1</option>
</select>
<br>
<!-- The Submit button -->
<input type="submit" name="submit" value="Submit">
</form>
<!-- We will output the results from process.php here -->
<div id="results"><div>
</body>
</html>
首先,大多数验证都应该在i js中完成,以便为空字段或年龄字段中的无效输入字母等简单的事情保存服务器往返 然后使用ajax验证返回json对象的表单,该json对象包含success=true或success=false,以及一个包含指示哪些字段出错以及出错原因的对象的数组 您可以避免使用$.ajax命令发布表单,而只发送需要验证的字段 还要记住不要信任js验证,只有服务器端验证不受篡改
通常,您会创建一个服务器端会话,将logged-in设置为true,以防止用户绕过登录而直接进入特定页面。学习PHP、MySQL,然后在此处首先查找并阅读登录表单/脚本中的一些示例。如果你相信别人会代替你做所有的工作,那你就错了。你发布的代码有什么问题?所以,这不是一个代码工厂,你不能给出一堆需求和一段代码,然后期望在这里完成你的工作。好吧,伙计,通过简化在process.php上发送dta和gett result frpm进程,给我发送ajax的验证代码。phpy你仍然希望别人完成你的工作。David在这里给出了宝贵的建议,您可以尝试自己解决,然后带着一个具体的问题回来。好的,谢谢您告诉我jquery或not@user1206641:请仔细阅读JQuery。有几个JQuery表单验证器可以在线完成您想要的功能。是的,使用JQuery是可能的,我建议查找JQuery的ajax方法,以获取对服务器和val的调用,以及用于现场验证客户端的is方法。