时间戳

首页 > 解决方案 > 如何检查输入是否为空白/非空白并执行特定操作

javascript - 如何检查输入是否为空白/非空白并执行特定操作

问题描述

好的，所以我知道这对你们中的大多数人来说可能是一个令人头疼的问题，但我无法弄清楚这一点，因为 javascript 不是我的强项。

如果用户名和密码不为空，我基本上试图加载这一页，但如果它是空白的，我希望它提醒我（特别是 window.alert()）我没有输入用户名和/或密码。我似乎无法弄清楚，所以就在这里。

<button type="submit" id="enterButton" onclick="newPage()"><strong>Enter</strong></button>

有我的按钮，我把我的功能放在上面

var username = getElementById("userName");
var password = getElementById("passWord");


    function newPage() {
        if(username.val().length==0 || password.val().length==0){
            alert("please enter valid information");
            return location.href = "newPage.html";
            }
            else{
                location.href = "newPage.html";
            }
        }

这是我初始化想法的失败尝试。

标签： javascripthtmlcss

解决方案

function validateform(){  
var name=document.myform.name.value;  
var password=document.myform.password.value;  
  
if (name==null || name==""){  
  alert("Name can't be blank");  
  return false;  
}else if (password==null || password==""){  
  alert("password can't be blank");  
  return false;  
} else if(password.length<6){  
  alert("Password must be at least 6 characters long.");  
  return false;  
  }  
}
<html>
<body>
  
<body>  
<form name="myform" method="post" action="http://www.javatpoint.com/javascriptpages/valid.jsp" onsubmit="return validateform()" >  
Name: <input type="text" name="name"><br/>  
Password: <input type="password" name="password"><br/>  
<input type="submit" value="register">  
</form>  
</body>
</html>

推荐阅读