<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ФБУ "Якутский ЦСМ"| Проверка статуса Заявки клиента</title>
<link rel='stylesheet' href='style.css' />
<!--
<style>
red{color: red;}
divcenter {
width: 680px;
display: block;
top: 20%;
left: 25%;
position: absolute;
}
ErrorMessage{
color: red;
}
div.new_form {
width: 600px;
border: 1px solid red;
display: block;
}
div.new_form input[type="text"] {
width: 100%;
margin-top: 10px;
padding: 10px 0;
text-indent: 15px;
}
div.new_form input[type="number"] {
width: 100%;
margin-top: 10px;
padding: 10px 0;
text-indent: 15px;
}
div.new_form input[type="radio"] {
width: 15px;
padding: 10px 0;
text-indent: 1px;
}
div.new_form input[type="submit"] {
float: right;
}
div.new_form input {
width: 49%;
margin-top: 10px;
padding: 10px 0;
text-indent: 15px;
}
div.new_form {
width: 600px;
border: 1px solid #cecece;
display: block;
height: 210px;
padding: 40px; box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 3px 6px rgba(0,0,0,0.22); margin: auto;
}
h2.forms {
text-align: center;
font-family: sans-serif;
font-weight: 100;
color: #4d5d53;
text-transform: uppercase;
}
/* начало раскраски кнопок RADIO */
.form_radio_btn {
display: inline-block;
/* margin-right: 10px; */
}
.form_radio_btn input[type=radio] {
display: none;
}
.form_radio_btn label {
width: 266px;
display: inline-block;
cursor: pointer;
padding: 0px 15px;
line-height: 35px;
border: 1px solid #999;
border-radius: 6px;
user-select: none;
}
/* Checked */
.form_radio_btn input[type=radio]:checked + label {
background: #ffe0a6;
}
/* Hover */
.form_radio_btn label:hover {
color: #666;
}
/* Disabled */
.form_radio_btn input[type=radio]:disabled + label {
background: #efefef;
color: #666;
}
/* конец раскраски кнопок RADIO */
rezult {
display: block;
margin: 14px;
}
#result_table {
position:relative;
margin-top:100px;
top:0;
width: 680px;
}
</style> -->
<script src="script.js"></script>
</head>
<body>
<divcenter>
<h2 class="forms">Проверка статуса готовности</br> по номеру Заявки / Счета</h2>
<div id="ErrorMessage" class="ErrorMessage"></div>
<!-- <rezult><? echo $info;?></rezult> -->
<div class="new_form">
<div class="form_radio_btn">
<input type="radio" name="urfiz" id="ur" value="ur" checked oninput="btnClick();">
<label for="ur">Юридическое лицо</label>
<input type="radio" name="urfiz" id="fiz" value="fiz" oninput="btnClick();">
<label for="fiz">Физическое лицо</label>
</div>
<input type="text" name="INN" id="INN" placeholder="ИНН юр.лица" oninput="checkRegExpValNumber();">
<input type="text" name="strNumDoc" id="strNumDoc" placeholder="Номера документов через запятую" oninput="checkRegExpValRusNum()">
<input type="submit" id="submit_btn" value="Получить данные" onclick="return send_data();">
<div id="bottom_text">
<p>
Порядок действий: <br>
1. Выбрать представление Контрагента - Юр.лицо / Физ.лицо <br>
2. (Опционально) Для Юр.лица указать ИНН <br>
3. Внести список номеров документов, разделенных запятой <br>
... Пример: ТТ-ЗАК-00123,ЭЛР-СЧ-01234 и т.д. Желательно, не более 5 номеров <br>
4. Нажать кнопку "Получить данные"</p>
</div>
</div>
<div id="result_table"></div>
</divcenter>
</body>
</html>