Javascript 必须删除提交按钮才能让js正常工作

我正在尝试验证html表单中的登录详细信息。问题是提交按钮不能与代码一起工作。因此，例如，如果我将用户名和密码留空，它将不会出现“无效用户名或密码”的警报。如果我删除type=“submit”，它会工作，但按钮会变成一个带有onclick功能的输入文本框，看起来不太好。我收到了这段代码，因为这是一种比我写的更安全的方式来传递登录详细信息，所以我不得不承认我对JS和JSON一无所知，所以如果我没有提供足够的信息，我深表歉意，但对于如何让按钮与JS一起工作，任何指导都将不胜感激。这只在Chrome上运行。干杯

HTML代码

        <form name="login" id="login-form">
            Username<input name="username" id="username" data-bind="value: username" type="text" value="" />                    
            Password<input name="password" id="password" data-bind="value: password" type="password" value="" />
            <input name="submit" type="submit" onclick="myApp.getLogin()" value="Login" />
        </form>

---

})

提交按钮用于将表单数据发送到服务器。例如，

。如果未定义

action

属性，它会将表单提交到当前URL

使用

无需任何操作即可获得按钮

---

因此，更改

更改输入类型=使用按钮标记提交字段。
尝试在编写警报框代码的函数末尾添加“return false；”。太棒了！只要记住，如果您满意，请在答案上标记：）
var url = "http://localhost:8084/Alumni_JV1/services/login.json?username=" + myApp.vm.username() 
        + "&password=" + myApp.vm.password();
    console.log(url);
    $.getJSON( url, function( data ) {

    if(data.response==='success'){
        window.location.href="profile.jsp";
    }else{
        alert("Invalid Username or Password");
    }
});

    <form name="login" id="login-form">
        Username<input name="username" id="username" data-bind="value: username" type="text" value="" />                    
        Password<input name="password" id="password" data-bind="value: password" type="password" value="" />
        <input name="submit" type="button" onclick="myApp.getLogin()" value="Login" />
    </form>