Guest User

Untitled

a guest
Feb 21st, 2018
58
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.05 KB | None | 0 0
  1. <form id="casmansForm">
  2. Name: <input type="name" id="userName" class="inputs"><br>
  3. Email: <input type="name" id="userName" class="inputs"><br>
  4. Text: <input type="name" id="userName" class="inputs"><br>
  5. <input type="submit" id="userSubmit" disabled><br>
  6. </form>
  7. <div id='alertMessage'></div>
  8.  
  9. var userName = document.getElementById('userName');
  10. var userEmail = document.getElementById('userEmail');
  11. var userText = document.getElementById('userText');
  12. var userSubmit = document.getElementById('userSubmit');
  13. var alertMessage = document.getElementById('alertMessage');
  14.  
  15. function checkForm(){
  16. if(userName.value == "" || userEmail.value == "" || userText.value == "")
  17. {
  18. alertMessage.innerHTML = 'Please fill in form correctly';
  19. userSubmit.disabled = true;
  20. return false;
  21. } else {
  22. alertMessage.innerHTML = 'Thank you for filling in form';
  23. userSubmit.disabled = false;
  24. return true;
  25. }
  26. }
  27.  
  28. userName.addEventListener("blur",checkForm,false);
  29. userEmail.addEventListener("blur",checkForm,false);
  30. userText.addEventListener("blur",checkForm,false);
Add Comment
Please, Sign In to add comment