Jquery表单验证非空

知识内容来自 W3School 教程

简单的表单验证，个人觉的有点繁琐，删除了点，不知道是优化还是加漏洞😂，所以
把网站的源码贴出来大佬有时间看看来批评我，但是好使，绝对管用

写在页面和js文件内都可以，直接调用方法，别忘记引入js+jQuery文件就行

二手源码附上：

//验证用户名非空 这段是处理登录用户名 
function ValiDate_UserName(field, alerttxt) {
    var $UserName= $.trim($("#UserName").val());
    with (field) {
        if ($UserName== "" || $UserName== null) {
            alert(alerttxt);
            return false
        } else {
            return true
        }
    }
}

//验证密码非空
function Validate_Pwd(field, alerttxt) {
    var $PassWord = $.trim($("#PassWord").val());
    with (field) {
        if ($PassWord== "" || $PassWord== null) {
            alert(alerttxt);
            return false
        } else {
            return true
        }
    }
}
//暂时起名叫 总分配处理器
function ValiDate_Form() {
    var $UserName= $("#UserName");	//取前台表单的用户名
    var $PassWord = $("#PassWord");		//取前台表单的密码
    if (ValiDate_UserName($.trim($UserName.val()), "用户名必填") == false) {
        $UserName.focus();
        return false
    } else if ((Validate_Pwd($.trim($PassWord.val()), "密码必填") == false)) {
        $PassWord.focus();
        return false
    } else {
        return true;
    }
}

前台表单

<form method="post" role="form" class="form-group" onsubmit="return validate_form()"
          action="#">
        用户名:<input name="UserName" id="UserName"><br>
        密 	码:<input type="password" id="PassWord" name="PassWord"><br>
        <input type="submit" id="verifyButton" value="登录">
</form>

完工 收摊咯~ 总的来说 ，我还年轻 需要老马来历练，欢迎批评。
有问题可以评论，我一定会看