Guest User

Untitled

a guest
Feb 18th, 2017
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.68 KB | None | 0 0
  1. <form id="myForm" name="myForm">
  2. <label for="user">UserName
  3. <input type="text" id="user" name="user">
  4. </label>
  5. <label for="psw">Password
  6. <input type="password" id="password">
  7. </label>
  8. <label for="gender" id="gender">
  9. Male<input type="Radio" Name="Gender" Value="Male" id="male">
  10. Female<input type="Radio" Name="Gender" Value="Female" id="female">
  11. </label>
  12. <label for="selMALE">Прически у мужчин
  13. <select name="selMALE" id="selMALE" disabled>
  14. <option value="Британка">Британка</option>
  15. <option value="Бокс">Бокс</option>
  16. <option value="Полубокс">Полубокс</option>
  17. </select>
  18. </label>
  19. <label for="selFEMALE" >Прически у женщин
  20. <select name="selFEMALE" id="selFEMALE" disabled>
  21. <option value="Пикси">Пикси</option>
  22. <option value="Ассиметричная">Ассиметричная</option>
  23. <option value="Шапочка">Шапочка</option>
  24. </select>
  25. </label>
  26.  
  27. <a href="javascript:submit()"><button type="button">Submit</button></a>
  28. </form>
  29.  
  30. <div class="show">
  31. <h3 id="userShow">Username :</h3>
  32. <h3 id="passShow">Password :</h3>
  33. <h3 id="genShow">Gender :</h3>
  34. <h3 id="hairShow">Hair style :</h3>
  35. </div>
  36.  
  37. var f = document.getElementById("myForm");
  38. var gender = document.getElementById("gender");
  39.  
  40. gender.onclick = function(){
  41. var radio = f.Gender.value;
  42. if (radio == "Male") {
  43. f.selMALE.disabled = false;
  44. f.selFEMALE.disabled = true;
  45. document.getElementById("genShow").innerHTML = "Gender " + ": " + f.male.value;
  46. document.getElementById("hairShow").innerHTML = "HairStyle " + ": " + f.selMALE.value;
  47. } else if(radio == "Female"){
  48. f.selFEMALE.disabled = false;
  49. f.selMALE.disabled = true;
  50. document.getElementById("genShow").innerHTML = "Gender " + ": " + f.female.value;
  51. document.getElementById("hairShow").innerHTML = "HairStyle " + ": " + f.selMALE.value;
  52. }
  53. };
  54.  
  55. function submit() {
  56. var user = document.getElementById("user").value;
  57. var pass = document.getElementById("password").value;
  58. if (user.length > 3 && user.length <= 10) {
  59. document.getElementById("userShow").innerHTML = "Username " + ": " + user;
  60. } else {
  61. document.getElementById("userShow").innerHTML = "Мин количество значений 4, Макс 10";
  62. }
  63.  
  64. if (pass.match(/^d+$/)) {
  65. document.getElementById("passShow").innerHTML = "Password" + ": " + pass;
  66. } else{
  67. document.getElementById("passShow").innerHTML = "Введите только цифры";
  68. }
  69. }
Add Comment
Please, Sign In to add comment