Html пустая запись

<script type="text/javascript">

    var UsersList = @Html.Raw(Json.Encode(Model.AllUsers))

    for (var i = 0; i < UsersList.length; i++) {
        alert(UsersList[i].Id);
        alert(UsersList[i].Name);

    } 
 </script>
-2
задан Kaan Yolsever 13 July 2018 в 20:31
поделиться

1 ответ

В записях может быть более одного пробела, которое не было бы пустым String.

Вы можете использовать следующую функцию, чтобы проверить, является ли String пустой, пустой или только пробелами:

function isNullOrEmpty(str){
   return !str.trim().length;
}

<input id="testinput" type="text" onkeyup="checkEmpty()"/>
<br/>
<span id="result"></span>
<script>
var result = document.getElementById("result");
function isNullOrEmpty(str){
  return !str.trim().length;
}
function checkEmpty(){
 var input = document.getElementById("testinput").value;
 if(isNullOrEmpty(input)){
  result.innerHTML = "Empty string";
 } else {
  result.innerHTML = "Non-empty string";
 }
}
</script>

Форма с проверкой, чтобы увидеть, заполнены ли все поля:

<form id="thisForm">
<label for="username"><b>Username:</b></label><br/>
<input type="text" id="username">
<br/>
<label for="password"><b>Password:</b></label><br/>
<input type="password" id="password">
<br/>
<input type="button" value="Submit" onClick="validateForm()">
</form>
<span id="result"></span>
<script>
var result = document.getElementById("result");
function isNullOrEmpty(str){
  return !str.trim().length;
}
function validateForm(){
 result.innerHTML = "";
 var username = document.getElementById("username").value;
 var password = document.getElementById("password").value;
 var passed = true;
 if(isNullOrEmpty(username)){
  result.innerHTML += "<p/><b style='color: red;'>Username can not be empty!</b>";
  passed = false;
 }
 if(isNullOrEmpty(password)){
  result.innerHTML += "<p/><b style='color: red;'>Password can not be empty!</b>";
  passed = false;
 }
 if(passed){
  document.getElementById("thisForm").style.display = "none";
  result.innerHTML = "<h1>Form submitted successfully!</h1>";
 }
}
</script>

1
ответ дан hev1 17 August 2018 в 12:10
поделиться
Другие вопросы по тегам:

Похожие вопросы: