API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 2nd, 2018
125
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.98 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>ADM003</title>
  4. <meta charset="utf-8"/>
  5. <link rel="stylesheet" type="text/css" href="style.css">
  6. </head>
  7.  
  8. <body>
  9. <center>
  10. <div>
  11. <img src="logo.png" align="middle">&nbsp;&nbsp;<span><a href="#">ユーザ管理</a> &nbsp;&nbsp;<a href="#">ログアウト</a></span>
  12. </div>
  13. <form method="post" action="ADM004.html" onsubmit="return validateData()">
  14. <table cellspacing="7">
  15. <tr>
  16. <td><p class="label">職員情報編集</p></td>
  17. <td></td>
  18. </tr>
  19.  
  20. <tr>
  21. <td><p style="color: red" id="error"></p></td>
  22. <td></td>
  23. </tr>
  24.  
  25. <tr>
  26. <td><span class="red">*</span><span class = "label"> アカウント名</span></td>
  27. <td><input type="text" name="username" size="10" id="username"/></td>
  28. </tr>
  29.  
  30. <tr>
  31. <td><span class="red">*</span><span class = "label"> 日本語能力</span></td>
  32. <td><select style="width:103px" id="level">
  33. <option value="0" selected>選択してください</option>
  34. <option value="1">オプション1</option>
  35. <option value="2">オプション2</option>
  36. <option value="3">オプション3</option>
  37. </select></td>
  38. </tr>
  39.  
  40. <tr>
  41. <td><span class="red">*</span><span class = "label"> 資格</span></td>
  42. <td><input type="text" name="trinhdo" id="jap"/></td>
  43. </tr>
  44.  
  45. <tr>
  46. <td><span class = "label"> 日本語能力</span></td>
  47. <td><input type="text" name="trinhdo"/></td>
  48. </tr>
  49.  
  50. <tr>
  51. <td><span class="red">*</span><span class = "label"> 生年月日</span></td>
  52. <td><select id="year">
  53. <option selected>2016</option>
  54. <option>2015</option>
  55. <option>2014</option>
  56. <option>2013</option>
  57. <option>2012</option>
  58. <option>2011</option>
  59. <option>2010</option>
  60. </select>
  61.  
  62. 年
  63. <select id="month" onchange="setDayForMonth()">
  64. <option value="1">1</option>
  65. <option value="2">2</option>
  66. <option value="3">3</option>
  67. <option value="4">4</option>
  68. <option value="5">5</option>
  69. <option value="6">6</option>
  70. <option value="7">7</option>
  71. <option value="8">8</option>
  72. <option value="9">9</option>
  73. <option value="10" selected>10</option>
  74. <option value="11">11</option>
  75. <option value="12">12</option>
  76. </select>
  77. 月
  78. <select id="day">
  79. <option value="1">1</option>
  80. <option value="2">2</option>
  81. <option value="3">3</option>
  82. <option value="4">4</option>
  83. <option value="5">5</option>
  84. <option value="6">6</option>
  85. <option value="7">7</option>
  86. <option value="8">8</option>
  87. <option value="9">9</option>
  88. <option value="10">10</option>
  89. <option value="11">11</option>
  90. <option value="12">12</option>
  91. <option value="13">13</option>
  92. <option value="14">14</option>
  93. <option value="15">15</option>
  94. <option value="16">16</option>
  95. <option value="17">17</option>
  96. <option value="18">18</option>
  97. <option value="19">19</option>
  98. <option value="20">20</option>
  99. <option value="21">21</option>
  100. <option value="22">22</option>
  101. <option value="23">23</option>
  102. <option value="24">24</option>
  103. <option value="25">25</option>
  104. <option value="26">26</option>
  105. <option value="27">27</option>
  106. <option value="28" selected>28</option>
  107. <option value="29">29</option>
  108. <option value="30">30</option>
  109. <option value="31">31</option>
  110. </select>
  111. 日
  112. </td>
  113. </tr>
  114.  
  115. <script type="text/javascript">
  116. function setDayForMonth() {
  117. var oMonth = document.getElementById('month');
  118.  
  119. var oDay = document.getElementById('day').options;
  120. var month = oMonth.options[oMonth.selectedIndex].value;
  121.  
  122. if(month == 2) {
  123. oDay[29].hidden = true;
  124. oDay[30].hidden = true;
  125. } else {
  126. oDay[29].hidden = false;
  127. oDay[30].hidden = false;
  128. }
  129.  
  130. }
  131.  
  132.  
  133. </script>
  134.  
  135.  
  136. <script type="text/javascript">
  137. function validateData(){
  138. var error= "";
  139. var vUsername = document.getElementById('username').value;
  140. var vLevel = document.getElementById('level');
  141. var selected = vLevel.options[vLevel.selectedIndex].value;
  142.  
  143. var vJap = document.getElementById('jap').value;
  144. var vPhone = document.getElementById('phone').value;
  145. var vEmail = document.getElementById('email').value;
  146. var vPass = document.getElementById('pass').value;
  147.  
  148.  
  149. if(vUsername == ""){
  150. error += "<p>Hãy nhập アカウント名</p>";
  151.  
  152. }
  153.  
  154.  
  155. if(selected == 0){
  156. error += "<p>Hãy chọn 日本語能力</p>";
  157.  
  158. }
  159.  
  160.  
  161.  
  162.  
  163. if(vJap == ""){
  164. error += "<p>Hãy nhập 資格</p>";
  165.  
  166. }
  167.  
  168.  
  169. if(vPhone == ""){
  170. error += "<p>Hãy nhập 電話番号</p>";
  171.  
  172. }
  173.  
  174.  
  175. if(vEmail == ""){
  176. error += "<p>Hãy nhập メールアドレス</p>";
  177.  
  178. }
  179.  
  180.  
  181. if(vPass == ""){
  182. error += "<p>Hãy nhập パスワード</p>";
  183.  
  184. }
  185.  
  186.  
  187. var rad1 = document.getElementById('rd1').checked;
  188. var rad2 = document.getElementById('rd2').checked;
  189. var rad3 = document.getElementById('rd3').checked;
  190. var rad4 = document.getElementById('rd4').checked;
  191.  
  192. if(rad1 === false && rad2 ===false && rad3===false && rad4 ===false){
  193. error += "<p>Hãy chọn 雇用形態</p>";
  194.  
  195. }
  196.  
  197.  
  198. if(error != ""){
  199.  
  200. document.getElementById('error').innerHTML = error;
  201. return false;
  202. }
  203. else{
  204. return true;
  205. }
  206.  
  207.  
  208.  
  209.  
  210. }
  211.  
  212. function showHide(){
  213. var sh = document.getElementById('showhide');
  214. if(sh.style.display === "none"){
  215. sh.style.display = "block";
  216. }else{
  217. sh.style.display = "none";
  218. }
  219. }
  220. </script>
  221.  
  222.  
  223. <tr>
  224. <td><span class="red">*</span><span class = "label"> 電話番号</span></td>
  225. <td><input type="text" name="sdt" id="phone"/></td>
  226. </tr>
  227.  
  228. <tr>
  229. <td><span class="red">*</span><span class = "label"> メールアドレス</span></td>
  230. <td><input type="text" name="email" id="email"/></td>
  231. </tr>
  232.  
  233. <tr>
  234. <td><span class="red">*</span><span class = "label"> パスワード</span></td>
  235. <td><input type="password" name="password" id="pass"/></td>
  236. </tr>
  237.  
  238. <tr>
  239. <td><span class = "label"> パスワード (再入力)</span></td>
  240. <td><input type="password" name="re-pass"/></td>
  241. </tr>
  242.  
  243. <tr>
  244. <td><span class="red">*</span><span class = "label"> 雇用形態</span></td>
  245. <td>
  246. <input type="radio" name="lhd" value="tc" id="rd1"> 全て
  247. <input type="radio" name="lhd" value="tc" id="rd2"> 契約の長さ
  248. <input type="radio" name="lhd" value="tc" id="rd3"> 短期契約
  249. <input type="radio" name="lhd" value="tc" id="rd4"> 正式契約
  250.  
  251. </td>
  252. </tr>
  253.  
  254. <tr>
  255. <td><span class = "label"> グループ</span></td>
  256. <td><input type="text" name="nhom" size="5" /></td>
  257. </tr>
  258.  
  259. <tr>
  260. <td><a href="#" onclick="showHide()"><span class = "label"> 日本語能力</span></a></td>
  261. <td></td>
  262. </tr>
  263. </table>
  264. </center>
  265.  
  266. <center>
  267. <div id="showhide">
  268. <table cellspacing="7" style="margin-left:-145px">
  269. <tr>
  270. <td><span class = "label"> 選択</span></td>
  271. <td><select style="margin-left:76px">
  272. <option>選択してください</option>
  273. </select></td>
  274. </tr>
  275.  
  276. <tr>
  277. <td><span class = "label"> から</span></td>
  278. <td><select style="margin-left:76px">
  279. <option selected>2016</option>
  280. <option>2015</option>
  281. <option>2014</option>
  282. <option>2013</option>
  283. <option>2012</option>
  284. <option>2011</option>
  285. <option>2010</option>
  286. </select>
  287. 年
  288. <select>
  289. <option>1</option>
  290. <option>2</option>
  291. <option>3</option>
  292. <option>4</option>
  293. <option>5</option>
  294. <option>6</option>
  295. <option>7</option>
  296. <option>8</option>
  297. <option>9</option>
  298. <option selected>10</option>
  299. <option>11</option>
  300. <option>12</option>
  301.  
  302. </select>
  303. 月
  304. <select>
  305. <option>1</option>
  306. <option>2</option>
  307. <option>3</option>
  308. <option>4</option>
  309. <option>5</option>
  310. <option>6</option>
  311. <option>7</option>
  312. <option>8</option>
  313. <option>9</option>
  314. <option>10</option>
  315. <option>11</option>
  316. <option>12</option>
  317. <option>13</option>
  318. <option>14</option>
  319. <option>15</option>
  320. <option>16</option>
  321. <option>17</option>
  322. <option>18</option>
  323. <option>19</option>
  324. <option>20</option>
  325. <option>21</option>
  326. <option>22</option>
  327. <option>23</option>
  328. <option>24</option>
  329. <option>25</option>
  330. <option>26</option>
  331. <option>27</option>
  332. <option selected>28</option>
  333. <option>29</option>
  334. <option>30</option>
  335. <option>31</option>
  336.  
  337. </select>
  338. 日</td>
  339. </tr>
  340.  
  341. <tr>
  342. <td><span class = "label"> 現在まで</span></td>
  343. <td><select style="margin-left:76px">
  344. <option selected>2017</option>
  345. <option>2015</option>
  346. <option>2014</option>
  347. <option>2013</option>
  348. <option>2012</option>
  349. <option>2011</option>
  350. <option>2010</option>
  351. </select>
  352. 年
  353. <select>
  354. <option>1</option>
  355. <option>2</option>
  356. <option>3</option>
  357. <option>4</option>
  358. <option>5</option>
  359. <option>6</option>
  360. <option>7</option>
  361. <option>8</option>
  362. <option>9</option>
  363. <option selected>10</option>
  364. <option>11</option>
  365. <option>12</option>
  366. </select>
  367. 月
  368. <select>
  369. <option>1</option>
  370. <option>2</option>
  371. <option>3</option>
  372. <option>4</option>
  373. <option>5</option>
  374. <option>6</option>
  375. <option>7</option>
  376. <option>8</option>
  377. <option>9</option>
  378. <option>10</option>
  379. <option>11</option>
  380. <option>12</option>
  381. <option>13</option>
  382. <option>14</option>
  383. <option>15</option>
  384. <option>16</option>
  385. <option>17</option>
  386. <option>18</option>
  387. <option>19</option>
  388. <option>20</option>
  389. <option>21</option>
  390. <option>22</option>
  391. <option>23</option>
  392. <option>24</option>
  393. <option>25</option>
  394. <option>26</option>
  395. <option>27</option>
  396. <option selected>28</option>
  397. <option>29</option>
  398. <option>30</option>
  399. <option>31</option>
  400.  
  401. </select>
  402.  
  403. 日</td>
  404. </tr>
  405.  
  406. <tr>
  407. <td><span class = "label"> 点数</span></td>
  408. <td><input style="margin-left:76px" type="text" name="trinhdo" size="5" /></td>
  409. </tr>
  410. </table>
  411. </div>
  412. <br/>
  413. <table>
  414. <tr>
  415. <td></td>
  416. <td><input class="button" type="submit" value="確認" />
  417. <input class="button" type="button" value="戻る" />
  418. </td>
  419. </tr>
  420. </table>
  421. </form>
  422. <br/>
  423.  
  424.  
  425. <p class="label" style="margin-left: 35%">Copyright ©　2010　ルビナソフトウエア株式会社. All rights reserved.</p>
  426. </center>
  427. </body>
  428.  
  429. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!