jquery-验证表单项是否为空

yangdong

现有代码：

[HTML] 纯文本查看 复制代码

<form class="uk-form uk-width-medium-1-3" action="./code/loginChuli.php" method="post">

<fieldset>
<legend>先锋者博客后台登录</legend>
<div class="uk-form-row">
<input name="username" id="username" type="text" placeholder="请输入管理员账号...">
</div>
<div class="uk-form-row">
<input name="password" id="password" type="password" placeholder="请输入管理员密码...">
</div>
<div class="uk-form-row">
<button type="submit" class="uk-button" style="border:1px solid red">登录</button>
</div>
</fieldset>
</form>

我使用的前框框架是uikit。

重点就是在点击登录按钮之后的onclick事件，而jquery代码是（需要引入jquery文件）：

[JavaScript] 纯文本查看 复制代码

function yzIsEmpty(){//验证表单是否为空
    var username = $("#username").val();
    var password = $("#password").val();
    if(username == "" || password == ""){
        alert("用户名或者密码为空!");
        return false;
}
}