文件上传验证(前端,图片和文本)

紧接上篇文章,完善功能,添加验证功能:上传不能为空.

                <form action="{{route('addd')}}" method="POST" class="question-home question-list" id="question-form" enctype="multipart/form-data" onSubmit="return confirm();" target="iframe">

我们在其中加入了onSubmit="return confirm();",return 是必不可少的.还有target="iframe",(大家可以自己去查查 = =).

在textarea修改id = "text";

接下来是验证的过程:

<script>
        function confirm() {

            var file = $("#home-image-0").get(0).files[0];
            console.info(file);
            if(file){
                $("#home-image-form").submit;
            }
            else{
                alert("至少一张图片");
            }

           
            if($("#text").val().length == 0){
                alert("请填写内容");
                $("#text").focus();
                return false;
            }
            else if($("#text").val().length <= 50){
                alert("你写的太少了,至少要填写50字");
                $("#text").focus();
                return false;

            }
            else{
                // alert("这才对嘛,听话!!");
                return true;
            }
        }
    </script>

这里我们需要注意的是多图片的验证,我这里是至少一个,所以验证的第一个是不是为空,其他就简单了;文本验证是用的.val.length长度来验证的,可以根据自己的要求去修改.