如何在jq中设置当用户输入为空后点击submit按钮不提交只给出提示。

Question

<form action="servlet" method="post">
<input type="text" name="username" id="username" placeholder="请输入用户名"><input type=password" name="password" id="password" placeholder="请输入密码">
<input type="submit" value="登录"></form>

Answer 1

好像见过这个问题，有几种方法：

//给表单添加提交事件*
$("form").submit(function(){
  //当表单提交的时候，对字段验证，并根据需要放出提示
  if($.trim($("input[name=username]").val())==""){
      return false;//终止表单提交
      alert("用户名不能为空");
  }
});
//给input添加失去焦点事件
$("input[name=username]").blur(function(){

    if($.trim($(this).val())==""){
        $("input[type=submit]").prop("disabled",true);//锁定提交按钮，不可操作
        alert("用户名不能为空");
    }
})