基于js的前端输入判断是否为空的函数写法

 写法1：

<script>
function checkForm(form){
            if(form.username.value == "" || form.username.value == null){
                alert("用户名不能为空");
                form.username.focus();
            // 验证完用户名后，如果没有填写，会弹出alert提示，并自动把光标定位到username的输入框

            return false;
        
            }
           
            if(form.password.value == "" || form.password.value == null){
                alert("密码不能为空");
                form.password.focus();
                return false;
                
            }
            return true;
            }
</script>

写法2：

 function check(form){
        var reg = /^\s*|\s*$/g;
             if(form.username.value.replace(reg,'') == ''){
                 alert('请输入用户名');
                 form.username.focus();
                 return false;
             }
             else if(form.password.value.replace(reg,'') == ''){
                 alert("请输入密码");
                 form.password.focus();
                 return false;
             }
             else{
                 return true;
             }
         }

写法3：

   function checkForm(form){
            var username = document.getElementsByName('username').value;
            var password = document.getElementsByName('password').value;
            if(username == null || username == ''){
                alert('用户名不能为空');
                return false;
            }
            if(password == null || password == ''){
                alert('密码不能为空');
                return false;
            }
            return true;
        }

最终调用：

<input  type="submit" name="login" value="登录" onclick="checkForm(form)" />