jsでスパンテキストを変更する

Question

javascriptでスパンテキストを変更する際にこの問題が発生しています。間違った入力をしたときにエラーメッセージが表示されるようにしようとしています。これをどうすれば解決できますか？あなたが入力フィールドでのonblurのようなものを経由する方法を参照する必要が

 function SubmitFunc() { 
 
      var studentNameInput = document.getElementById("student-name"); 
 
      CheckInputLetters(studentNameInput); 
 

 
     } 
 
     function CheckInputLetters(input) { 
 
      if (!/^[a-zA-Z_ ]+$/.test(input.value)) { 
 
       document.getElementById("name-error").innerHTML = "error"; 
 
      } 
 
     }

<label class="data-lbls data-titles-dec">FullName</label> 
 
    <input class="input-style" type="text" id="student-name" placeholder="Enter Full Name" /> 
 
    <span id="name-error" style="float:right;"></span>

Answer 1

それが含むformタグと提出入力についてでした。送信入力が更新されると、変更されたすべてのページが再びリセットされました。 type="submit"をtype="button"に変更します。今は動作します

Answer 2

：フォームが送信されている場合は

 function SubmitFunc() { 
 
      var studentNameInput = document.getElementById("student-name"); 
 
      CheckInputLetters(studentNameInput); 
 
     } 
 
     function CheckInputLetters(input) { 
 
      if (!/^[a-zA-Z_\s]+$/.test(input.value)) { 
 
       document.getElementById("name-error").innerHTML = "error"; 
 
      } 
 
     }

<label class="data-lbls data-titles-dec">FullName</label> 
 
    <input class="input-style" onblur="SubmitFunc();" type="text" id="student-name" placeholder="Enter Full Name" /> 
 
    <span id="name-error" style="float:right;"></span>

Answer 3

、ページの意志リロードしても変更内容は表示されません（エラーメッセージ）。すべての検証エラーがある場合は、フォームの送信を防ぐために、関数の戻り値を使用することができます。

function SubmitFunc() { 
 
    var studentNameInput = document.getElementById("student-name"); 
 
    return CheckInputLetters(studentNameInput); 
 
} 
 

 
function CheckInputLetters(input) { 
 
    if (!/^[a-zA-Z_ ]+$/.test(input.value)) { 
 
    document.getElementById("name-error").innerHTML = "error"; 
 
    return false; // error 
 
    } 
 
    return true; // no error 
 
}

<form id="some" onsubmit="return SubmitFunc()"> 
 
    <label class="data-lbls data-titles-dec">FullName</label> 
 
    <input class="input-style" type="text" id="student-name" placeholder="Enter Full Name" /> 
 
    <span id="name-error" style="float:right;"></span> 
 
    <button type="submit">Send</button> 
 
</form>

Answer 4

ルイスセンス、OPにはすべての関連性が含まれていなかったためでした。たとえ両方の答えが正しかったとしても、限られた文脈であっても。