Javascript flask:当jquery发现无效输入时,如何停止python程序?
我是新来的。 我尝试了一个用户登录页面 我通过jQuery代码验证用户输入: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()=="
$(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)