js表单验证不为空附带表提交

前端页面代码

<form class="layui-form" id="form">
				<label for="username" class="layui-form-label">
                    <span class="x-red">*</span>供应商姓名
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="username" name="username" required="" lay-verify="required"
                          value="{$supplier.name ? $supplier.name : ''}" class="layui-input">
                </div>
                <label for="phone" class="layui-form-label">
                    <span class="x-red">*</span>手机
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="phone" name="phone" required="" lay-verify="phone"
                           value="{$supplier.phone ? $supplier.phone : ''}" class="layui-input">
                </div>
                <label for="company" class="layui-form-label">
                    <span class="x-red">*</span>公司
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="company" name="company" required="" lay-verify="required"
                           value="{$supplier.company ? $supplier.company : ''}" class="layui-input">
                </div>
                <label for="method" class="layui-form-label">
                    <span class="x-red">*</span>付款方式
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="method" name="method" required="" lay-verify="required"
                           value="{$supplier.payment_method ? $supplier.payment_method : ''}"  class="layui-input">
                </div>
                 <input class="layui-btn"  value="提交" type="button" id="buttonsub">
</form>

js 代码

<script>
 $("#buttonsub").click(function () {
    var data=$("#form").serialize();
    if ($("input[name=username]").val()==''){
           return  layer.msg('供应商姓名');
     }
    if ($("input[name=phone]").val()==''){
           return  layer.msg('手机');
      }
     if ($("input[name=company]").val()==''){
           return  layer.msg('公司');
     }
     if ($("input[name=method]").val()==''){
               return  layer.msg('付款方式');
     }

      $.ajax({
            url:'{:url("Quote/quote_edit")}', //实际使用请改成服务端真实接口
            data: data,
            type: "post",//方法类型
            success: function(res){
            layer.alert(res.msg, {icon: 6},function () {
             var index = parent.layer.getFrameIndex(window.name);
            parent.layer.close(res.msg);
            parent.location.reload(); //刷新父亲对象
           });
         }
       })
     })
</script>