blogAppraise/appraise.html

<meta http-equiv="content-type" content="text/html;charset=UTF-8">

<script type="text/javascript" src="http://file.5tangs.com/2018-February-11-16-3-35-jquery-1.11.2.min.js"></script>
<script>
    if (!String.prototype.trimSpace){
        String.prototype.trimSpace = function () {
            return this.replace(/(^\s*)|(\s*$)/g, "");
        }
    }
</script>

<style>
    .form-appraise{
    }
    .form-tip{
        color: red;
    }
</style>

<form method="POST">
    <p>
        <span class="form-tip">* </span>
        <input id="name" type="text" name="name" placeholder="输入用户名" class="form-appraise">
    </p>
    <p>
        <span class="form-tip">* </span>
        <input id="email" type="text" name="email" placeholder="输入邮箱" class="form-appraise">
    </p>
    <p>
        <span class="form-tip">* </span>
        <textarea id="content" rows="12" cols="48"></textarea>
    </p>
    <p>
        <span id="content-tip" class="form-tip"></span>
    </p>
    <span class="form-tip">* 邮箱信息不会向外公开(只为交流,禁止灌水)</span>
    <p>
        <input type="submit" onclick="appraise()">
    </p>

</form>

<script>
    function appraise() {
        var name = $("#name").val().toString().trimSpace();
        var email = $("#email").val().toString().trimSpace();
        var content = $("#content").val().toString().trimSpace();
        if (name.length < 1 || email.length < 1 || content.length < 1){
            $("#content-tip").html("你有必填内容没有填完！！！");
            return;
        }
    }
</script>