Javascript 具有多个if/else条件的表单验证

我正在使用jQuery进行表单验证。我想使用if/else条件验证完整的表单，我不想使用任何插件。例如：

$('.submit').click(function(){
    //validation here all form fields   
});

我想在像dependen

type

这样的条件下写属性文本、电子邮件等等。 我的问题是谁能建议我怎么做

$（文档）.ready（函数（）{
$（#提交表单）。在（'单击'，函数（）上）{
//在此验证
});
});
.success\u msg{
宽度：350px；
线高：40px；
边框：1px纯绿色；
边界半径：5px；
背景色：rgba（213251870.7）；
显示：无；
位置：绝对位置；
底部：5px；
左：50%；
转化：translateX（-50%）；
z指数：999；
文本对齐：居中；
}
.iva导航{
宽度：100px；
文本对齐：居中；
颜色：#fff；
字体大小：16px；
字号：600；
过渡：所有0.74秒缓解；
利润率：10px；
填充：10px；
光标：指针；
位置：相对位置；
过渡：所有.7都易于输入输出；
}
.iva导航跨度{
变换：translateZ（8px）；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
位置：相对位置；
z指数：999；
}
.iva导航：之前{
内容：''；
位置：绝对位置；
填充：10px；
排名：0；
左：0；
宽度：100%；
身高：100%；
背景色：rgba（254,180,29,0.3）；
框大小：边框框；
边框：1px实心rgba（255、225、225、0.4）；
过渡：所有0.5s缓进缓出；
z指数：50；
}
.iva导航：之后{
内容：''；
位置：绝对位置；
填充：10px；
排名：0；
左：0；
宽度：100%；
身高：100%；
背景色：rgba（254,180,29,0.3）；
框大小：边框框；
边框：1px实心rgba（255、225、225、0.4）；
过渡：所有0.6秒缓进缓出；
z指数：25；
}
.iva导航：悬停：之前{
变换：旋转（225度）；
背景色：rgba（254,180,29,0.6）；
边框：1px实心rgba（255、225、225、0.1）；
}
.iva导航：悬停：之后{
变换：旋转（133度）；
背景色：rgba（254,180,29,0.6）；
边框：1px实心rgba（255、225、225、0.1）；
}
.花式标题-s1{
最大宽度：1400px；
宽度：100%；
保证金：0自动；
字体大小：40px；
填充：25px0；
颜色：#ffffff；
}	
.花式标题-s2{
字体大小：30px；
利润率：20px0；
颜色：#fff；
}
.花式头衔{
显示：块；
字体大小：13px；
利润率：20px0；
字体大小：400；
颜色：#ffffff；
}
.cfar-s1.cfar标题{
文本对齐：居中；
}
*：焦点{大纲：无；}
首席财务官{
最大宽度：1140px；
宽度：100%；
保证金：0自动；
位置：相对位置；
框大小：边框框；
}
.cfar-s1{
填充：40px 100px；
背景色：#313439；
}
.cfar-s1.奇特的头衔跨度{
位置：相对位置；
文本转换：大写；
光标：指针；
}
.cfar-s1.花式标题跨度：后{
内容：“.”；
位置：相对位置；
最高：50%；
显示：内联块；
转化：translateY（-15%）；
利润率：0.10px；
}
.cfar-s1.花式标题跨度：最后一个孩子：之后{
内容：“；
右边距：0；
}
.cfar-s1.花式标题-s2 h2{
字体大小：40px；
字体大小：粗体；
文本转换：大写；
}
.cfar-s1.花式标题-s2 h2跨度{
颜色：#da4e5b；
}
.cfar-s1表格{
填充：30px0；
显示器：flex；
柔性包装：包装；
证明内容：之间的空间；
}
.cfar.细节{
位置：相对位置；
利润率：20px0；
弹性基准：48%；
}
.cfar.detail输入、.detail文本区域、.detail选择{
显示：块；
边界：无；
边框底部：1px实心#fff；
填充：5px0；
宽度：100%；
背景：无；
颜色：#ffffff；
}
.cfar选项{背景：rgba（0,0,0,0.8）；}
.cfar.详细信息文本区域{
高度：100px；
宽度：100%；
溢出：自动；
调整大小：无；
}
.cfar.详细信息标签{
位置：绝对位置；
顶部：0px；
左：5px；
字体大小：16px；
指针事件：无；
过渡：所有0.43秒均缓进缓出；
}
.cfar.detail.inputBar{
位置：相对位置；
显示：块；
过渡：所有0.43秒均缓进缓出；
}
.cfar.detail输入：焦点：after，.detail文本区域：foucs:after，.detail选择：焦点：after，
.cfar.detail.inputBar:focus:before，
.cfar.detail.inputBar:focus:after{
内容：“；
显示：块；
位置：绝对位置；
底部：0；
宽度：0；
背景：红色；
高度：2倍；
}
.cfar.detail.inputBar:在{right:50%；}之后
.cfar.detail.inputBar:在{left:50%；}之前
.cfar.详细信息输入：焦点~标签，
.cfar.详细信息输入：有效~标签，
.cfar.细节文本区域：焦点~标签，
.cfar.详细信息文本区域：有效~标签{
顶部：-20px；
过渡：所有0.3秒的缓进缓出；
字体大小：13px；
}
.cfar.详细输入：焦点~.输入栏：之前，
.cfar.详细输入：焦点~.输入栏：之后，
.cfar.详细文本区域：焦点~.输入栏：之前，
.cfar.详细文本区域：焦点~.输入栏：后
.cfar.详细信息选择：焦点~.输入栏：之前，
.cfar.详细信息选择：焦点~.输入栏：之后{
宽度：50%；
}
.cfar.detail.回答{
显示：内联块；
宽度：114px；
高度：20px；
边框：1px实心#ffffff；
左：133px；
职位：继承；
}
/*自定义css*/
广度误差{
/*显示：无*/
颜色：红色；
不透明度：0；
位置：绝对位置；
顶部：10px！重要；
右：0；
过渡：所有0.4缓进缓出；
}		
.错误显示{
位置：绝对位置；
排名：0；
右：0px；
颜色：红色；
}
输入：焦点{
轮廓宽度：0；
}
输入[类型=编号]：-webkit内部旋转按钮，
输入[type=number]：-webkit外部旋转按钮{
-webkit外观：无；
-moz外观：无；
外观：无；
保证金：0；
背景色：无；
}
/*-------------------------------------------------------------
联系方式1
-------------------------------------------------------------- */
.cfar-s1.细节输入，.cfar-s1.细节文本区域，.cfar-s1.细节选择{
边框底部：1px实心rgba（255、255、255、0.2）；
位置：相对位置；
字体大小：20px；
字体系列：“Roboto Slab”，衬线；
位置：相对位置；
z指数：99；
}
.cfar-s1.详图.输入栏{
位置：相对位置；
}
.cfar-s1.详图.输入栏：之前{
内容：“；
高度：1px；
职位：
        var userName = $("input[name=userName]").val();
        var subject = $("input[name=subject]").val();
        var message = $("input[name=message]").val();
        if (/^[a-zA-Z ]{2,30}$/.test(userName)) {
             alert("Your name is in the correct format");
        }
        else{
            alert("Your name can't contain numbers or other characters etc.");
            return false;
        }

function submitObject(){
        var object = {};
        object.name = $(".name").val();
        object.email = $(".email").val();
        try{
          if(this.validateForm(object )){
             // call AJAX to save data.
           }
        }catch(error){
          // show error message
       }
    } 

    function validateForm(object) {
       if(this.isEmpty(object.name)){
         throw "Parameter is not a null or empty!";
        }
       if(this.isEmpty(object.email)){
         throw "Parameter is not a null or empty!";
      }
    return true;
    }



 function isEmpty(str) {
     return (!str || 0 === str.length);
   }