清除输入字段后如何删除验证

时间:2021-03-11 05:44:31

标签: html jquery ajax

这是我在输入字段中使用 ajax 进行实时验证的脚本。

我的问题是,在您删除验证将删除的所有输入后,我想要一些东西。

<script type="text/javascript">
    $(document).ready(function(){
        $("#email").blur(function(){
            var email = $(this).val();
            $.ajax({
                url:"../include/request.php",
                method: "POST",
                data:
                {
                    email_add:email
                },
                datatype: "text",
                success:function(html){
                    $('#availability').html(html);
                }
            });
        });
    });
</script>
<div class="form-group">
   <label for="eadd">Email address</label>
   <input type="email" class="form-control" id="email" name="email"aria-describedby="emailHelp" 
   placeholder="Enter email"required>
    <div id="availability" class="mt-2"></div>
</div>

1 个答案:

答案 0 :(得分:1)

你能试试下面的代码吗。

我添加的是将默认显示放在可用性部分,因为最好不要将其留空。

我还检查电子邮件字段是否不为空以进行验证。

<script type="text/javascript">
    $(document).ready(function(){
        $("#email").blur(function(){
            $('#availability').html('(pending)');

            var email = $(this).val();

            if(email != ''){

              $.ajax({
                  url:"../include/request.php",
                  method: "POST",
                  data:
                  {
                      email_add:email
                  },
                  datatype: "text",
                  success:function(html){
                      $('#availability').html(html);
                  }
              });

            }
        });
    });
</script>