这是表单验证检查器。我如何添加ajax成功消息。在所有验证之后,我想要显示成功消息,例如“您的成功注册”;
jQuery(function ($) {
$('#username').blur(function(e) {
var username = $('#username').val();
$.ajax({
type: 'POST',
//url: 'http://localhost/stateway/user-signup/?username=' + username,
url: 'http://localhost/blue_bucket/signup/?username=' + username,
success: function (response) {
$("#responseusername").html(response);
}
});
e.preventDefault();
});
$('#email').blur(function(e) {
var email = $('#email').val();
$.ajax({
type: 'POST',
//url: 'http://localhost/stateway/user-signup/?email=' + email,
url: 'http://localhost/blue_bucket/signup/?email=' + email,
success: function (response) {
$("#responseemail").html(response);
}
});
e.preventDefault();
});
});
答案 0 :(得分:0)
很简单。您可以使用Javascript警报方法,也可以将成功消息附加到DOM上的div或类似的内容。
事情是
如果您发出请求,那么当您创建AJAX
请求时,它将会转到您的服务器端代码。如果代码成功执行了你想做的事情。然后echo 'signup success'
并向您的用户显示此消息,只需将此$("#responseemail").html(response);
更改为此alert(response)
即可完成..!我希望这会对你有所帮助:)。
答案 1 :(得分:0)
IF 的想法是检查电子邮件或用户名是否已经注册(即:邮寄名单),以下内容对您有帮助。
请注意,您应该不信任来自输入的用户数据,因此,在PHP部分,为了将表单数据与数据库匹配,您应该真的考虑使用PPS : Prepared Parameterized Statements。这将有助于Preventing SQL injection
- > HTML + jQuery部分(顶部有jQuery库):
- >您可以查看jQuery manual -> jQuery.post()
中的所有内容<div id="samplediv"></div> <!-- will handle answer -->
<script type="text/javascript">
$(document).ready( function() {
$("#regbutton").click(function(e){
e.preventDefault();
var email = $('#email').val();
var username = $('#username').val();
$.ajax({
url: "register.php",
method: "POST",
data: "email="+email+"&username="+username,
success: function(data){
// if PHP response is OK we show it
$("#samplediv").html(''+data'');
},
error: function (request, status, error) {
alert(request.responseText);
}
});
});
});
</script>
<form action="#" id="form" method="post">
<p><input type="text" name="email" id="email" value="" /> email</p>
<p><input type="text" name="username" id="username" value="" /> username</p>
<input type="submit" id="regbutton" value="GO" />
</form>
- &GT;在PHP部分(register.php):
<?php
error_reporting(E_ALL); ini_set('display_errors', 1);
$email = $_POST['email'];
$username = $_POST['username'];
// make all checking on user's data + match against DB here, if success ->
echo"Your successfully signup"; // else error : change message using PHP answer
?>