Posted By

r00tk3y on 10/09/12


Tagged


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

craig


jQUery Mobile


 / Published in: HTML
 

Form submission doesn't work

  1. <form name='registration-form' class='form-template fullheight' method='post' action='/register/submit/'>
  2. <h3>Personal Information</h3>
  3. <ul class='well'>
  4. <input type='hidden' name='action'/>
  5. <li>
  6. <span class='span2'>First Name:</span>
  7. <input class='fullheight' name='first_name' type='text'class='span7' placeholder='First Name' onkeyup='validateFields()'/>
  8. </li>
  9. <li>
  10. <div id="fnamealert">
  11. </div>
  12. </li>
  13. <li>
  14. <span class='span2'>Last Name:</span>
  15. <input class='fullheight' name='last_name' type='text'class='span7' placeholder='Last Name' onkeyup='validateFields()'/>
  16. </li>
  17. <li>
  18. <div id="lnamealert">
  19. </div>
  20. </li>
  21. <li>
  22. <span class='span2'>Address:</span>
  23. <input class='fullheight' name='address' type='text' class='span7' placeholder='Address ' onkeyup='validateFields()'/>
  24. </li>
  25. <li>
  26. <div id="addralert">
  27. </div>
  28. </li>
  29. <li><span class='span2'>Gender:</span>
  30. <select name='gender' class='span4'>
  31. <option value="M">Male</option>
  32. <option value="F">Female</option>
  33. </select>
  34. </li>
  35.  
  36. </ul>
  37. <h3>Contact Information</h3>
  38. <ul class='well'>
  39. <li>
  40. <span class='span2'>Contact Number:</span>
  41. <input class='fullheight' type='text' name='contact_number' class='span7' placeholder='Cellphone, Fax, Telephone, etc.' onkeyup='validateFields()'/>
  42. </li>
  43. <li>
  44. <span class='span2'>Email:</span>
  45. <input class='fullheight' type='text' name='email' class='span7' placeholder='Email' onkeyup='validateFields()'/>
  46. </li>
  47. <li>
  48. <span class='span2'>Facebook:</span>
  49. <input class='fullheight' type='text' name='facebook' class='span7' placeholder='Facebook User Name' onkeyup='validateFields()'/>
  50. </li>
  51. <li>
  52. <span class='span2'>Yahoo! Messenger:</span>
  53. <input class='fullheight' type='text' name='yahoo' class='span7' placeholder='YM User Name' onkeyup='validateFields()'/>
  54. </li>
  55. <li>
  56. <div id="contalert">
  57. </div>
  58. </li>
  59. </ul>
  60. <h3>Account Information</h3>
  61. <ul class='well'>
  62. <li>
  63. <span class='span2'>Username:</span>
  64. <input class='fullheight' type='text' name='username' class='span7' placeholder='Username' onkeyup='validateFields()'/>
  65. </li>
  66. <li>
  67. <div id="unamealert">
  68. </div>
  69. </li>
  70. <li>
  71. <span class='span2'>Password:</span>
  72. <input class='fullheight' id='pword' type='password' name='first_password' class='span7' placeholder='Password' onkeyup='validateFields()'></li>
  73. <li>
  74. <span class='span2'>Confirm Password:</span>
  75. <input class='fullheight' id='cpword' type='password' name='confirm_password' class='span7' placeholder='Confirm Password' onkeyup='validateFields()' />
  76. </li>
  77. <li>
  78. <div id="pwordalert">
  79. <div class='alert alert-block alert-error fade in'><a type='button' class='close' data-dismiss='alert'>X</a><h4 class='alert-heading'>Passwords doesn't match or is empty!</h4><p>Please check the fields for password and confirm password</p></div>
  80. </div>
  81. </li>
  82. </ul>
  83. <ul>
  84. <ul>
  85. <li><input id='submit_btn' name='submit-btn' onsubmit='validate_field()' type='submit' class='span2 btn btn-small'></input></li>
  86. </ul>
  87. <input id='submit_btn' type="submit" data-theme="a" data-icon="check" data-iconpos="left" data-role='button' value="Submit" class='btn btn-large'>
  88. <a href='#' data-rel='back' data-role='button' data-theme='e' data-icon="delete"
  89. data-iconpos="left">
  90. Cancel
  91. </a>
  92. </ul>
  93. </form>

Report this snippet  

You need to login to post a comment.