我正在创建一个团队注册表。要求的条件是用户必须已经注册，并且只能选择团队中已注册的成员。
为了检查数据库中的用户是否存在，我使用电子邮件。 该表单包含多个电子邮件字段，这些字段由在表单中添加字段的按钮触发
当用户使用ajax调用在相应的电子邮件字段中键入内容并在 <span class='form_hint'></span> 中显示结果时，我需要检查所有用户是否存在。
表单包含在隐藏的 div 中，由 colorbox 调用
但它似乎不起作用
这是我的 html 代码:
Update: Now Working fine
<!DOCTYPE html>
<html dir="ltr" lang="en-US"> <head>
<title>Event Description </title>
<meta charset="UTF-8"/>
<!--Colorbox-->
<link rel="stylesheet" media="screen" href="colorbox/css/styles.css" >
<link rel="stylesheet" media="screen" href="colorbox/css/colorbox.css" >
<script src="colorbox/js/jquery.min.js"></script>
<script src="colorbox/js/jquery.colorbox.js"></script>
<script>
$(document).ready(function(){
$(".register").colorbox({inline:true,maxHeight:"95%", maxWidth:"90%"} );
});
</script>
<!--Colorbox ends-->
</head>
<body>
<a class="register" href="#register">Event Registeration</a>
<script type="text/javascript">
function usercheck(){
$(document).ready(function(){
$('input[type="email"]').keyup(function() {
var name = $(this).val();
if(name=="")
{
$(".form_hint").html("");
}
else
{
$.ajax({
type: "POST",
url: "user_check.php",
data: { email: name } ,
success: function(html){
$(".form_hint").html(html);
}
});
return false;
}
});
});
}
</script>
<div style='display:none'>
<div id='register' style='padding:10px; background:#fff;'>
<center>
<form class="contact_form" action="../../register/register.php" method="post" name="contact_form">
<ul>
<li>
<h2>Registration</h2>
<span class="required_notification">* Denotes Required Field</span>
</li>
<li>
<label for="email">Email:</label>
<input type="email" name="email" placeholder="mail@example.com" onkeyup="usercheck();" required />
<span class="form_hint">Proper format "mail@example.com"</span>
</li>
<span id="dynamicInput"></span>
<li><input type="button" value="+" onClick="addInput('dynamicInput');"/></li>
<li>
<button class="submit" type="submit">Register</button></h4>
</li>
</ul>
</form></center>
</div>
</div>
<script type="text/javascript">
function addInput(liName){
//var counter=1;
var newfield = document.createElement('li');
newfield.innerHTML = "<label for='email'>Email:</label><input type='email' name='email[]' onkeyup="usercheck();" placeholder='mail@example.com' /><span class='form_hint'></span>";
document.getElementById(liName).appendChild(newfield);
}
</script>
</body>
</html>
用于检查数据库中用户的 PHP 代码:
<?php
include('connect.php');
if(isset($_POST['email']))
{
$name=$_POST['email'];
$query=mysql_query("select * from user_details where email='$name'");
$row=mysql_num_rows($query);
if($row==1)
{
echo "Okay Pal!";
}
else
{
echo "User doesn't exist";
}
}
?>
我不知道错误在哪里，因为我第一次使用动态字段实现它
我还想知道一种处理多个电子邮件字段的好方法，就像我上面使用的那样。
最佳答案
我认为 PHP 代码中的 IF-Statement 没有被执行。
您正在检查 email 参数，但您的 ajax 数据看起来像 data: "name="+ name
尝试将其更改为data: { email: name },
关于javascript - 已解决 : How to check multiple email addresses in dynamic fields to check if user already exists or not，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17527161/