Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Разделить строку и вписать ее в таблицу. [Дописать, 70% уже есть] (https://javascript.ru/forum/misc/55281-razdelit-stroku-i-vpisat-ee-v-tablicu-%5Bdopisat-70%25-uzhe-est%5D.html)

Kreenb 21.04.2015 11:35
Разделить строку и вписать ее в таблицу. [Дописать, 70% уже есть]
 
Вот у меня есть почти сделанная задача.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title> HomeWork </title>
	</head>
	
<body>
		<table border="1" cellspacing="1" cellpadding="1">
		<tr>
			  <td>Имя:</td>
			  <td>
				<div id="str"></div>
			  </td>
		</tr>
		
		<tr>
			  <td>Фамилия:</td>
			  <td>
			  
			  </td>
		</tr>
		
		<tr>
			  <td>Отчество:</td>
			  <td>
				
			  </td>
		</tr>
	</table>
	
	<script>
		check=function()
		{
			while(1)
			{ 
				var index=prompt("Введите имя с 3 слов..", "Имя Фамилия Отчество")
					if(/^[а-яё]+ [а-яё+-]+ [а-яё]+$/i.test(index))
					{
						break;
					}
					alert("Попробуйте еще раз!")
			}str.innerHTML=index;
		}
		check();
	</script>
		
</body>

</html>

Помогите сделать, чтобы оно выводило имя фамилию и отчество в свою строку.

Не вот так:


А вот так:


Заранее спасибо.

рони 21.04.2015 12:17
Kreenb,
:cray: 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title> HomeWork </title>
    </head>

<body>
		<table border="1" cellspacing="1" cellpadding="1">
		<tr>
			  <td>Имя:</td>
			  <td>

			  </td>
		</tr>

		<tr>
			  <td>Фамилия:</td>
			  <td>

			  </td>
		</tr>

		<tr>
			  <td>Отчество:</td>
			  <td>

			  </td>
		</tr>
	</table>

	<script>
	  var check=function()
		{
		    var tds = document.querySelectorAll('td:nth-child(2)'), title = ["Имя", "Фамилия", "Отчество"];
            for (var i=0; i<tds.length; )  {
              var str = title[i];
              var text = prompt("Введите " +  str, str);
              if(/^[а-яё]+$/i.test(text)){
                 tds[i].innerHTML=text
                 i++ ;
              }
              else {
                 alert("Попробуйте еще раз!")
              }
            }
		}
		check();
	</script>

</body>

</html>

Kreenb 21.04.2015 12:57
Цитата:
Сообщение от рони (Сообщение 367606)
Kreenb,
:cray: 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title> HomeWork </title>
    </head>

<body>
		<table border="1" cellspacing="1" cellpadding="1">
		<tr>
			  <td>Имя:</td>
			  <td>

			  </td>
		</tr>

		<tr>
			  <td>Фамилия:</td>
			  <td>

			  </td>
		</tr>

		<tr>
			  <td>Отчество:</td>
			  <td>

			  </td>
		</tr>
	</table>

	<script>
	  var check=function()
		{
		    var tds = document.querySelectorAll('td:nth-child(2)'), title = ["Имя", "Фамилия", "Отчество"];
            for (var i=0; i<tds.length; )  {
              var str = title[i];
              var text = prompt("Введите " +  str, str);
              if(/^[а-яё]+$/i.test(text)){
                 tds[i].innerHTML=text
                 i++ ;
              }
              else {
                 alert("Попробуйте еще раз!")
              }
            }
		}
		check();
	</script>

</body>

</html>
Это не совсем правильно, но спасибо)
Надо чтобы одной строкой вводило, а не тремя, но пойдет и так, еще раз спасибо.


Часовой пояс GMT +3, время: 15:32.