Php Jquery slidedown无法正常工作

我已使用jquery验证表单。我使用了slideDown（）。但错误消息无法正常工作。但当我使用alert时，它可以正常工作。我将表单操作重定向到registerHP.php页面。它包括注册代码

html代码

    <form action="registerphp.php" method="post" id="regfrm" name="regfrm">
        <div class="form-group">
            <label for="pwd">Title</label>
            <input type="text" class="form-control" id="title" name="title">
        </div>
        <div class="form-group">
            <label>Name</label>
            <input type="text"  class="form-control" id="name" name="name">
        </div>
        <div class="form-group">
            <label >User Name</label>
            <input type="text" class="form-control" id="uname" name="uname" >
        </div>                                      
        <div class="form-group">
            <label for="pwds">Passowrd</label>
            <input type="password" class="form-control" id="pwds" name="pwds">
        </div>
        <div class="form-group">
            <label>Confirm Password:</label>
            <input type="password" class="form-control" id="pwds2" name="pwds2">
        </div>
        <div class="form-group">
            <label >Email</label>
            <input type="email" class="form-control" id="email" name="email">
        </div>
        <div class="form-group">
            <label>Phone</label>
            <input type="text" class="form-control" id="phone" name="phone">
        </div>
        <div class="form-group">
            <label>Birth date</label>
            <input type="date" class="form-control" id="bdate" name="bdate">
        </div>
        <div class="form-group">
            <label>University</label>
            <input type="text" class="form-control" id="uni" name="uni">
        </div>
        <div class="form-group">
            <label>GPA</label>
            <input type="number" class="form-control" id="gpa" name="gpa" step=".01">
        </div>
        <div class="form-group">
            <label>Address</label>
            <input type="text" class="form-control" id="add" name="add">
        </div>
        <input type="submit" class="btn btn-info btn-block btn-md" value="Submit" name="buttonregister" id="buttonregister"></input>
    </form>

---

请帮助我解决此问题

id为'dis'的元素在哪里？您是否也在用css隐藏该元素？dis是css文件的id是的，css是可以的，但页面上是否有任何元素具有该id？说

类似的话？不，没有任何id“dis”，那么你必须在页面上添加该元素。在表格上面说。复制粘贴我上面的注释代码，如果可以粘贴它。

<script type="text/javascript">

$(document).ready(function () {
    $('#buttonregister').click(function () {
        var title=$('#title').val();
        var name=$('#name').val();
        var phone=$('#phone').val();


        if(title=="")
        {
            $('#dis').slideDown().html("<span>Please type Title</span>");
            alert('no');
            return false;
        }
        if(name=="")
        {
            $('#dis').slideDown().html("<span>Please type Name</span>");
            alert('no2');
            return false;
        }
        if(!$.isNumeric(phone))
        {
            $('#dis').slideDown().html("<span>Please type Name</span>");
            alert('no3');
            return false;
        }
    });
});

#dis
{
    text-align:center;
    height: 25px;
    width: 250px;
    background-color:#46DAFF;
    color:#000;
}
#tex
{
    width:120px;
    float: left;
}