form表单判断后再提交

HTML
 <form action="uploadflie" id="AddProductPicture" method="post" enctype="multipart/form-data">  
    <ul class="forminfo">
        <li><label>商品名称<b>*</b></label><input id="name" name="name" type="text" class="dfinput" value="请填写商品名称" onclick="JavaScript:this.value=''"/></li>
        <li><label>商品图片<b>*</b></label><input id="picture" type="file" name="picture"/></li>
        <li><label>商品价格<b>*</b></label><input id="price" type="text" class="dfinput" /></li>
        <li><label>所属商家<b>*</b></label><input id="store" type="text" class="dfinput" /></li>
        <li><label>宝贝链接<b>*</b></label><input id="url" type="text" class="dfinput" /></li>
        <li><label>商品描述<b>*</b></label><textarea rows="8" cols="52" name="description" id="description" class="textinput"></textarea></li>
        <li><label>月销量<b>*</b></label><input id="monthly_sales" type="text" class="dfinput" /></li>

       <li><label>&nbsp;</label><input type="submit" class="btn" value="马上添加" style="align:middle"/></li>
    </ul>
 </form>

JavaScript
 <script type = "text/javascript">
    AddProductPicture.onsubmit = function(){ 
        //form提交之前先判空
            var name = $("#name").val().trim();
            var price = $("#price").val().trim();
            var store = $("#store").val().trim();
            var url = $("#url").val().trim();
            var description = $("#description").val().trim();
            var monthly_sales = $("#monthly_sales").val().trim();
            var picture = $("#picture").val().trim();
            //判断是否为空
            if(name==""){
                alert("商品名称不能为空");
                return false;
            }   if(categoryid=="0"){
                alert("请选择商品类别");
                return false;
            }   if(picture==""){
                alert("请选择上传图片");
                return false;
            }
            if (!(/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/.test(price))) {alert("请输入正确的商品价格"); return false;}
            if(store==""){
                alert("所属店家不能为空");
                return false;
            }if(url2==""){
                alert("宝贝链接不能为空");
                return false;
            }if(description==""){
                alert("商品描述不能为空");
                return false;
            } if (!(/^([1-9]\d*|[0]{1,1})$/.test(monthly_sales)) ){alert("请输入正确的月销量");return false;}
        return true;
    }
    </script>

猜你喜欢

转载自blog.csdn.net/vpqtxzmzezeqjj9977/article/details/79992312
今日推荐