Php 在Ajax查询中文本框变为空时启用按钮

在我的

登录

表单中，我使用

Ajax

进行验证，以检查

电子邮件

地址是否已经存在于

mysql数据库中。

当我输入

电子邮件

地址时，然后

Ajax

查询自动显示消息是否可用。在这种情况下，我禁用了我的

提交按钮

如果

电子邮件

已在

数据库中

，则文本框变空后

提交按钮

变为已启用，它无法移动到上一个状态（已启用）

我有一个

java脚本

代码要启用，但效率不高，因为当我同时删除电子邮件字段中的可用文本时，

按钮

仍然被禁用

我已经尝试了下面的特定代码段

HTML

page

 <span id="success_mes" class="text-success"></span>

                    <form name="poster" id="poster" method="post" class="s12" data-toggle="validator">
                        <div>
                            <div class="input-field s12">
                                <input type="text" id="username" name="username" data-ng-model="name1" class="validate"
                                    required>
                                <label>User name</label>
                                <span id="userName-info" class="info text-danger"></span><br />

                            </div>
                        </div>
                        <div>
                            <div class="input-field s12">
                                <input type="email" id="email" name="email"  onblur="checkemail();" onkeyup="checkemail();" onchange="checkemail();" class="validate" required>
                                <label>Email id</label>
                                <span id="userEmail-info" class="info"></span>
                                <span id="email_status" name="email_status"></span>

                            </div>
                        </div>
                        <div>
                            <div class="input-field s12">
                                <input type="password" name="password" id="password" class="validate" required>
                                <label>Password</label>
                                <span id="pass" class="info text-danger"></span><br />

                            </div>
                        </div>
                        <div>
                            <div class="input-field s12">
                                <input type="password" name="password1" id="password1" class="validate" required>
                                <label>Confirm password</label>
                                <span id="pass1" class="info text-danger"></span><br />

                            </div>
                        </div>
                        <span id="invalid" class="info text-danger"></span><br />

                        <div>
                            <div class="input-field s4">

                                <input type="button" value="Register" id="Register" name="Register"
                                    class="waves-effect waves-light log-in-btn">
                            </div>

                        </div>

                        <div>
                            <div class="input-field s12"> <a href="#" data-dismiss="modal" data-toggle="modal"
                                    data-target="#modal1">Are you a already member ? Login</a> </div>
                        </div>
                    </form>

<?php

include('dbconnection.php');

if(isset($_POST['email']))
{
 $email=$_POST['email'];

 $checkdata=" SELECT email FROM patients WHERE email='$email' ";

 $query=mysqli_query($con,$checkdata);

 if(mysqli_num_rows($query)>0)
 {
  echo "This Email Address is Already Exist"; 
 }

 else

 {
echo "You can use this Email ID";
}
exit();
}

?>

这是我的

php

页面

 <span id="success_mes" class="text-success"></span>

                    <form name="poster" id="poster" method="post" class="s12" data-toggle="validator">
                        <div>
                            <div class="input-field s12">
                                <input type="text" id="username" name="username" data-ng-model="name1" class="validate"
                                    required>
                                <label>User name</label>
                                <span id="userName-info" class="info text-danger"></span><br />

                            </div>
                        </div>
                        <div>
                            <div class="input-field s12">
                                <input type="email" id="email" name="email"  onblur="checkemail();" onkeyup="checkemail();" onchange="checkemail();" class="validate" required>
                                <label>Email id</label>
                                <span id="userEmail-info" class="info"></span>
                                <span id="email_status" name="email_status"></span>

                            </div>
                        </div>
                        <div>
                            <div class="input-field s12">
                                <input type="password" name="password" id="password" class="validate" required>
                                <label>Password</label>
                                <span id="pass" class="info text-danger"></span><br />

                            </div>
                        </div>
                        <div>
                            <div class="input-field s12">
                                <input type="password" name="password1" id="password1" class="validate" required>
                                <label>Confirm password</label>
                                <span id="pass1" class="info text-danger"></span><br />

                            </div>
                        </div>
                        <span id="invalid" class="info text-danger"></span><br />

                        <div>
                            <div class="input-field s4">

                                <input type="button" value="Register" id="Register" name="Register"
                                    class="waves-effect waves-light log-in-btn">
                            </div>

                        </div>

                        <div>
                            <div class="input-field s12"> <a href="#" data-dismiss="modal" data-toggle="modal"
                                    data-target="#modal1">Are you a already member ? Login</a> </div>
                        </div>
                    </form>

<?php

include('dbconnection.php');

if(isset($_POST['email']))
{
 $email=$_POST['email'];

 $checkdata=" SELECT email FROM patients WHERE email='$email' ";

 $query=mysqli_query($con,$checkdata);

 if(mysqli_num_rows($query)>0)
 {
  echo "This Email Address is Already Exist"; 
 }

 else

 {
echo "You can use this Email ID";
}
exit();
}

?>

---

我测试了你的代码，一切正常（按钮隐藏并显示）

您必须更改按钮的类型才能提交以解决问题

更改此项：

<input type="button" value="Register" id="Register" name="Register"
             class="waves-effect waves-light log-in-btn">



致：

我测试了您的代码，一切正常（按钮隐藏并显示）

您必须更改按钮的类型才能提交以解决问题

更改此项：

<input type="button" value="Register" id="Register" name="Register"
             class="waves-effect waves-light log-in-btn">



致：


当我使用type
submit
时，页面正在刷新，但如果使用type
submit
时，页面正在刷新，因为您尚未为表单设置
操作
，您的提交表单将在此页面中刷新。您可以将用户移动到另一个页面并控制表单的输入数据（用于注册）。如下使用：
action=“success.php”
这对您不起作用
（我现在已经测试过了，没问题！）当我使用type
submit
时，页面正在刷新，但是如果使用type
submit
则页面正在刷新，因为您尚未为表单设置
操作，并且您的提交表单将在此页面中刷新。您可以将用户移动到另一个页面并控制表单的输入数据（用于注册）。如下使用：
action=“success.php”
这对您不起作用<代码>
（我现在已经测试过了，没问题！）