Javascript flask:当jquery发现无效输入时,如何停止python程序?

Javascript flask:当jquery发现无效输入时,如何停止python程序?,javascript,jquery,python,web,flask,Javascript,Jquery,Python,Web,Flask,我是新来的。 我尝试了一个用户登录页面 我通过jQuery代码验证用户输入: $(document).ready(function(){ //alert('begin'); $(".input.reg_butn").click(function(){ if($("[name=username]").val()==""){ alert("username empty"); }else{ if($("[name=password]").val()=="

我是新来的。 我尝试了一个用户登录页面 我通过jQuery代码验证用户输入:

$(document).ready(function(){
//alert('begin');
$(".input.reg_butn").click(function(){
    if($("[name=username]").val()==""){
        alert("username empty");
    }else{
        if($("[name=password]").val()==""){
            alert("password empty");
        }
    }
})
})

我的python代码如下所示:

@app.route('/login',methods=['GET','POST'])
def login():
    .....
我的问题是,当js代码发现用户提交了一个无效值(例如密码的空用户名)时,如何停止python代码的运行。 我在JS中使用alert通知用户,但python代码照常运行。
如何解决这个问题?

我认为这不是正确的方法:在客户端验证中的数据。相反,您应该在服务器端使用flask扩展来处理表单和表单验证:。

您正在捕获输入按钮的点击,但需要停止表单提交。如果您使用监听该消息的处理程序来执行此操作,那么当用户按下enter键时,您也可以运行检查

$(document).ready(function() {
  // Adjust this selector as necessary.
  $("form.login").submit(function() {
    $(this).preventDefault();

    if ($("[name=username]", this).val() == "") {
      alert("username empty");
    } else {
      if ($("[name=password]", this).val() == "") {
        alert("password empty");
      }
    }
});
但是,如果您使用的是HTML5,则可以通过在输入标记中添加
required
来简化这一切

<input type="text" name="username" required>

将为您捕获表单提交(不需要任何JavaScript)