提示用户填写表单内容

当用户点击提交的时候，如果有些输入框用户没有填写，提醒用户填写输入框，
表单html:

<table class="table table-striped table-bordered" id="editable" >
                <tbody>

                <form action="{% url 'create_media' %}" method="POST"  enctype="multipart/form-data" name="myform" onsubmit="return CheckPost();">{% csrf_token %}


                <tr>
                    <td>视频文件: &nbsp;<input type="file" name="file" id="material_name"></td>
                </tr>


                <tr>
                    <td>视频名字: &nbsp;<input type="text" name="file_name" id="file_name"></td>
                </tr>


                <tr>
                    <td>
                    <div class="form-group" style="padding-left: 50px;margin-bottom: 0px;">
                        <button class="btn btn-white" type="button"  onclick="javascript:history.back();">返回</button>
                        <button class="btn btn-primary" type="submit">提交</button>
                    </div>
                    </td>
                </tr>
                </form>
                </tbody>


            </table>

js:

<script type="text/javascript">
    function CheckPost()
    {
        if (myform.file.value=='')
        {
            alert("请上传视频文件");
            myform.file.focus();
            return false;
        }



        if (myform.file_name.value=="")
        {
            alert("请填写文件名称");
            myform.file_name.focus();
            return false;
        }

        if (myform.file_name.value.length > 20)
        {
            alert("视频名称长度不得超过20个字符");
            myform.file_name.focus();
            return false;
        }







    }
    $("#lml").addClass('active')

    </script>``