Question

当访问者在我的网站上注册时，他们将作为群组的创始成员或加入现有群组的人员进行注册。没有人是“无团体”。我有一个注册页面，其中包含以下字段：名字，姓氏，（用于选择组类型的单选按钮：新建或现有），组名称，组密码，电子邮件，通过，确认通过。我特别关注单选按钮，组名和组密码我正在寻找的具体功能是这样的：如果选择“新建”，AJAX将检查数据库中是否存在组名，显示“正常”或“已经采用”。另外：提交表单时，密码保存到数据库中如果选择“现有”，AJAX将检查db中是否存在组名，显示“已匹配”或“不存在”。另外：提交表单时，会根据数据库检查密码。

这个的基础知识我认为我有一个处理，但如何让单选按钮指示这么多是超出我的。任何帮助，将不胜感激。

以下是我的php文件的表单部分。（顺便说一句，我一直在为这个项目写mysqli。）

<h1>Register</h1>
<form action="register.php" method="post">
    <fieldset>

    <p><b>First Name:</b> <input type="text" name="first_name" size="20" maxlength="20" value="<?php if (isset($trimmed['first_name'])) echo $trimmed['first_name']; ?>" /></p>

    <p><b>Last Name:</b> <input type="text" name="last_name" size="20" maxlength="40" value="<?php if (isset($trimmed['last_name'])) echo $trimmed['last_name']; ?>" /></p>

  <p><b>Are you registering a new group or joining an existing group?</b> <br />
  New:<input type="radio" value="new" name="gtype">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  
  Existing:<input type="radio" value="existing" name="gtype">  </p>

    <p><b>Group ID:</b> <input type="text" name="group_id" size="20" maxlength="40" value="<?php if (isset($trimmed['group_id'])) echo $trimmed['group_id']; ?>" /></p>

    <p><b>Group Password:</b> <input type="password" name="gpass" size="8" maxlength="5" /> 
      <small>Use only numbers. Must be 5 digits long.</small></p>

    <p><b>Email Address:</b> 
    <input type="text" name="email" size="30" maxlength="80" value="<?php if (isset($trimmed['email'])) echo $trimmed['email']; ?>" onBlur='checkEmail(this)'/><span id='info'></span></p>

    <p><b>User Password:</b> 
      <input type="password" name="password1" size="8" maxlength="4" /> 
      <small>Use only numbers. Must be 4 digits long.</small></p>
    <p><b>Confirm Password:</b> <input type="password" name="password2" size="4" maxlength="4" /></p>
    </fieldset>

    <div align="center"><input type="submit" name="submit" value="Register" /></div>
    <input type="hidden" name="submitted" value="TRUE" />

</form>

Answer 1

我建议使用jquery：

检测单选按钮的更改，如下所示：

$("input[@name='gtype']").change(

获取包含组名的文本输入内容，并将其发送到PHP脚本。

$.ajax
        ({
            url: 'Apps/CheckGroupName.php',
            type: 'POST',
            data: 'groupName=' + groupName,

            success: function(result)
            {
                // Do whatever you need to do based on the result
            }
        });

在PHP脚本中，检查数据库中的组名称，并回显结果。在JQuery中，结果将最终成功：函数（结果），您可以在其中执行任何操作（例如警告用户，或确认该组不存在。

如何制作一个单选按钮来控制所有这些？

1 个答案: