fm-ezra6-1

Complete Form Validation JavaScript Part 3

Apr 30th, 2018
177
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 0.72 KB | None | 0 0
  1. <style type="text/css">
  2.     #form{
  3.         margin-top:100px;
  4.         margin-left:30px;
  5.     }
  6.     .warning_msg{
  7.         color:#ae0000;
  8.         margin:3px 0px 0px 5px
  9.     }
  10.     .warning_brd{
  11.         border:1px solid #ae0000
  12.     }
  13. </style>
  14.  
  15.  
  16. <script type="text/javascript">
  17.     //function displays the error message
  18.     function displayWarning(field_id, parent_div, message){
  19.         var para = document.createElement("p");
  20.         para.setAttribute("class","warning_msg");
  21.         var error_msg = document.createTextNode(message);
  22.         para.appendChild(error_msg);
  23.         document.getElementById(parent_div).appendChild(para);
  24.         document.getElementById(field_id).className += " warning_brd";
  25.     }
  26. </script>
Advertisement
Add Comment
Please, Sign In to add comment