Question

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

<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

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

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

2. //给input添加失去焦点事件
   $("input[name=username]").blur(function(){
   
       if($.trim($(this).val())==""){
           $("input[type=submit]").prop("disabled",true);//锁定提交按钮，不可操作
           alert("用户名不能为空");
       }
   })