Пример кода шаблона формы "Ввод анкеты. Шаг 1”

Часть кода программы, написанный на html, с использованием javaScript:

<script type="text/javascript" src="js/svw/tabsContent. js"></script>

<script>

var tabGroup = "PaperInfo";

function check (id) {

edit = document. getElementById (id);

edit. disabled =! edit. disabled;

textArea = document. getElementById ('ChangesReason');

if (edit. disabled) {

edit. value = '';

edit. removeAttribute ('required');

}else{

edit. setAttribute ('required', 'required');

}

if (! document. getElementById ("PrevLastName"). disabled ||

! document. getElementById ("PrevFirstName"). disabled ||

! document. getElementById ("PrevMiddleName"). disabled) {

textArea. setAttribute ('required', 'required');

textArea. removeAttribute ('disabled');

}else{

textArea. removeAttribute ('required');

textArea. setAttribute ('disabled','true');

}

}

function addTab (tabId) {

var count = createTab (tabGroup, getTextById (tabId));

var content = createTabContent (count, tabId);

createItems (tabGroup, content, count);

generateOnChange ();

tabVal = undefined;

setupCalendars (count);

}

function createTabContent (count, tabId) {

var table = createTable ("PaperInfo");

var tbody = createTableBody (table);

var tr;

// i-я строка

tr = createTableRow (tbody);

tr. append (createEmptyCell ());

tr. append (createCheckboxCell ("Не действует", "IsActive"));

tbody. append (tr);

// 2-я строка

tr = createTableRow (tbody);

tr. append (createEmptyCell ());

tr. append (createCheckboxCell ("Основной документ", "IsMain"));

tbody. append (tr);

// 3-я строка

tr = createTableRow (tbody);

tr. append (createLabelCell ('Серия документа<span class="red">*</span>'));

tr. append (createInputTextCell ("PaperSeries", "required"));

tr. append (createLabelCell ('Кем выдан<span class="red">*</span>'));

tr. append (createInputTextCell ("IssueDepartment", "required"));

tbody. append (tr);

// 4-я строка

tr = createTableRow (tbody);

tr. append (createLabelCell ('Номер документа<span class="red">*</span>'));

tr. append (createInputTextCell ("PaperNumber", "required"));

tr. append (createLabelCell ('Код подразделения'));

tr. append (createInputTextCell ("DivisionCode"));

tbody. append (tr);

// 5-я строка

tr = createTableRow (tbody);

tr. append (createLabelCell ('Дата выдачи<span class="red">*</span>'));

tr. append (createCalendarCell ("IssueDate", count, "required"));

tr. append (createLabelCell ('Действителен до'));

tr. append (createCalendarCell ("ExpiryDate", count));

tbody. append (tr);

// i-я строка

tr = createTableRow (tbody);

tbody. append (createInputHidden ("PaperInfoId"));

var input = $ ("<input type='hidden'>"). attr ("name","PaperType"). val (tabId);

tbody. append (input);

// tbody. append (createInputHidden ("PaperType"));

tbody. append (tr);

table. append (tbody);

return table;

}

function setupCalendars (count) {

jQuery (setCalendar ("IssueDate", count));

jQuery (setCalendar ("ExpiryDate", count));

// Здесь прописываются календари со вкладок (если они там есть)

}

// склонение ФИО

function copyName () {

var sex = null;

if ($ ("input [name='Sex']: checked"). val () == 'CLIENT. SEX. M') sex = false;

if ($ ("input [name='Sex']: checked"). val () == 'CLIENT. SEX. F') sex = true;

if (sex == null) {

alert ("Пол не выбран");

return;

}

var lastName = $ ("input [name='LastName'] "). val ();

var firstName = $ ("input [name='FirstName'] "). val ();

var middleName = $ ("input [name='MiddleName'] "). val ();

$ ("input [name='FullNameAblative'] "). val (FullName2Genitive (lastName, firstName, middleName, sex));

$ ("input [name='FullNameDative'] "). val (FullName2Dative (lastName, firstName, middleName, sex));

$ ("input [name='FullNameGenitive'] "). val (FullName2Ablative (lastName, firstName, middleName, sex));

}

$ (document). ready (function () {

});

</script>

<form id="inputForm" name="inputForm" action="updateVisualAction. htm" method="post">

<input type="hidden" name="workId" value="$! workId"/>

<input type="hidden" name="jsonForm" value=""/>

<input type="hidden" name="buttonName" value=""/>

<div class="local_header">Идентификационные данные</div>

<div class="object_container" name="Person">

<input type="hidden" name="PersonId" value="$! Content. Person. PersonId">

<div class="object_container" name="PersonInfo">

<input type="hidden" name="PersonInfoId" value="$! Content. Person. PersonInfo. PersonInfoId">

<table class="table_form_style">

<tbody>

<td class="td_left_label_form_style">Фамилия<span class="red">*</span></td>

<td class="td_field_form_style">

<input name="LastName" value="$! Content. Person. PersonInfo. LastName" type="text" class="input_text_style_medium"

required="required" maxlength=”100" fio expression=" ([А-яЁё] +-| [А-яЁё] +\s?) +">

</td>

<td class="td_left_label_form_style">Меняли ли вы Фамилию? </td>

<td class="td_field_form_style">

<input id="IsChangeLastName" type="checkbox" name="IsChangeLastName"

value="$! Content. Person. PersonInfo. IsChangeLastName" #if ("$! Content. Person. PersonInfo. IsChangeLastName" == "true")

checked #end/ onclick="check ('PrevLastName')">Да

</td>

<div class="display_none">

Поля "Предыдущая фамилия/Имя/Отчество" появляются после того как активированы соответстующие крыжи "Да"

</div>

<td class="td_left_label_form_style">Предыдущая Фамилия<span class="red">*</span></td>

<td class="td_field_form_style">

<input id="PrevLastName" name="PrevLastName" value="$! Content. Person. PersonInfo. PrevLastName" type="text"

class="input_text_style_medium" maxlength=”100" fio expression=" ([А-яЁё] +-| [А-яЁё] +\s?) +" #if ("$! Content. Person. PersonInfo. IsChangeLastName"! = "true")

disabled #end/>

</td>

<td class="td_left_label_form_style">Дата изменения Фамилии</td>

<td class="td_field_form_style">

#set ($params = {

"id": "PrevLastNameDate",

"name": "PrevLastNameDate",

"value": "$! Content. Person. PersonInfo. PrevLastNameDate",

"chars": "0123456789. ",

"maxlength": "10"

})

#calendar ($params)

</td>

<tr class="tr_form_style">

<td class="td_left_label_form_style">Имя<span class="red">*</span></td>

<td class="td_field_form_style">

<input name="FirstName" value="$! Content. Person. PersonInfo. FirstName" type="text"

class="input_text_style_medium" maxlength=”100" required="required" fio expression=" ([А-яЁё] +-| [А-яЁё] +\s?) +">

</td>

<td class="td_left_label_form_style">Меняли ли вы Имя? </td>

<td class="td_field_form_style">

<input id="IsChangeFirstName" type="checkbox" name="IsChangeFirstName"

value="$! Content. Person. PersonInfo. IsChangeFirstName" #if ("$! Content. Person. PersonInfo. IsChangeFirstName" == "true")

checked #end/ onclick="check ('PrevFirstName')">Да

</td>

<td class="td_left_label_form_style">Предыдущее Имя<span class="red">*</span></td>

<td class="td_field_form_style">

<input id="PrevFirstName" name="PrevFirstName" value="$! Content. Person. PersonInfo. PrevFirstName" type="text"

class="input_text_style_medium" maxlength=”100" fio expression=" ([А-яЁё] +-| [А-яЁё] +\s?) +"

#if ("$! Content. Person. PersonInfo. IsChangeFirstName"! = "true")

disabled #end/>

</td>

<td class="td_left_label_form_style">Дата изменения Имени</td>

<td class="td_field_form_style">

#set ($params = {

"id": "PrevFirstNameDate",

"name": "PrevFirstNameDate",

"value": "$! Content. Person. PersonInfo. PrevFirstNameDate",

"chars": "0123456789. ",

"maxlength": "10"

})

#calendar ($params)

</td>

</tr>

<tr class="tr_form_style">

<td class="td_left_label_form_style">Отчество<span class="red">*</span></td>

<td class="td_field_form_style">

<input name="MiddleName" value="$! Content. Person. PersonInfo. MiddleName" type="text"

class="input_text_style_medium" maxlength=”100" required="required" fio expression=" ([А-яЁё] +-| [А-яЁё] +\s?) +">

</td>

<td class="td_left_label_form_style">Меняли ли вы Отчество? </td>

<td class="td_field_form_style">

<input id="IsChangeMiddleName" type="checkbox" name="IsChangeMiddleName"

value="$! Content. Person. PersonInfo. IsChangeMiddleName" #if ("$! Content. Person. PersonInfo. IsChangeMiddleName" == "true")

checked #end/ onclick="check ('PrevMiddleName')">Да

</td>

<td class="td_left_label_form_style">Предыдущее Отчество<span class="red">*</span></td>

<td class="td_field_form_style">

<input id="PrevMiddleName" name="PrevMiddleName" value="$! Content. Person. PersonInfo. PrevMiddleName" type="text"

class="input_text_style_medium" maxlength=”100" fio expression=" ([А-яЁё] +-| [А-яЁё] +\s?) +"

#if ("$! Content. Person. PersonInfo. IsChangeMiddleName"! = "true")

disabled #end/>

</td>

<td class="td_left_label_form_style">Дата изменения Отчества</td>

<td class="td_field_form_style">

#set ($params = {

"id": "PrevMiddleNameDate",

"name": "PrevMiddleNameDate",

"value": "$! Content. Person. PersonInfo. PrevMiddleNameDate",

"chars": "0123456789. ",

"maxlength": "10"

})

#calendar ($params)

</td>

</tr>

<tr class="tr_form_style">

<td class="td_left_label_form_style">Дата рождения<span class="red">*</span></td>

<td class="td_field_form_style">

#set ($params = {

"id": "Birthday",

"name": "Birthday",

"value": "$! Content. Person. PersonInfo. Birthday",

"chars": "0123456789. ",

"maxlength": "10",

"required": "required"

})

#calendar ($params)

</td>

</tr>

</tbody>

</table>

<table class="table_form_style">

<tbody>

<tr class="tr_form_style">

<td class="td_left_label_form_style">Пол<span class="red">*</span></td>

<td class="td_field_form_style">

<input type="radio" name="Sex"

value="CLIENT. SEX. M" #if ("$! Content. Person. PersonInfo. Sex" == "CLIENT. SEX. M")

checked="checked" #end>Мужской

<input type="radio" name="Sex"

value="CLIENT. SEX. F" #if ("$! Content. Person. PersonInfo. Sex" == "CLIENT. SEX. F")

checked="checked" #end >Женский

</td>

<td class="td_left_label_form_style">Причина изменения <span class="red">*</span></td>

<td colspan="3">

<textarea id="ChangesReason" name="ChangesReason" cols="50" rows=""

#if ("$! Content. Person. PersonInfo. IsChangeMiddleName"! = "true" &&

"$! Content. Person. PersonInfo. IsChangeLastName"! = "true" &&

"$! Content. Person. PersonInfo. IsChangeFirstName"! = "true")

disabled #end>$! Content. Person. PersonInfo. ChangesReason</textarea>

</td>

</tr>

</tbody>

</table>

<div class="local_header">Склонение ФИО</div>

<table class="table_form_style">

<tbody>

<tr class="tr_form_style">

<td class="td_left_label_form_style">ФИО в РП (Кого?) <span class="red">*</span></td>

<td class="td_field_form_style">

<input name="FullNameGenitive" value="$! Content. Person. PersonInfo. FullNameGenitive" type="text"

class="input_text_style_long" maxlength=”320" required="required" expression=" ([А-яЁё] +-| [А-яЁё] +\s?) +">

</td>

</tr>

<tr class="tr_form_style">

<td class="td_left_label_form_style">ФИО в ДП (Кому?) <span class="red">*</span></td>

<td class="td_field_form_style">

<input name="FullNameDative" value="$! Content. Person. PersonInfo. FullNameDative" type="text"

class="input_text_style_long" maxlength=”320" required="required" expression=" ([А-яЁё] +-| [А-яЁё] +\s?) +">

</td>

</tr>

<tr class="tr_form_style">

<td class="td_left_label_form_style">ФИО в ТП (Кем?) <span class="red">*</span></td>

<td class="td_field_form_style">

<input name="FullNameAblative" value="$! Content. Person. PersonInfo. FullNameAblative" type="text"

class="input_text_style_long" maxlength=”320" required="required" expression=" ([А-яЁё] +-| [А-яЁё] +\s?) +">

</td>

<td>&nbsp; </td>

<td style="align=left">

<button class="blue" type="button" onclick="copyName ()">

<span><em>Склонение ФИО</em></span>

</button>

</td>

</tr>

</tbody>

</table>

<div class="local_header">Дополнительно</div>

<table class="table_form_style" width="100%" cellspacing="0" cellpadding="0">

<tbody>

<tr class="tr_form_style">

<td class="td_left_label_form_style">Гражданство<span class="red">*</span></td>

<td class="td_field_form_style">

<select class="select_style_middle" name="Citizenship" required="required">

#foreach ($item in $sorter. sort ($contentUtil. findDictionary ($Content, "COUNTRY"),"Name"))

<option value="$! item. Code" #if ("$! item. Code" == "$! Content. Person. PersonInfo. Citizenship")

selected #end>$! item. Name</option>

#end

</select>

</td>

<td class="td_left_label_form_style">ИНН</td>

<td class="td_field_form_style">

<input name="INN" value="$! Content. Person. PersonInfo. INN" type="text" class="input_text_style_medium">

</td>

<tr class="tr_form_style">

<td class="td_left_label_form_style">Признак резидентства<span class="red">*</span></td>

<td class="td_field_form_style">

<input type="radio" name="IsResident" value="true" #if ("$! Content. Person. PersonInfo. IsResident" == "true")

checked="checked" #end>Резидент

<input type="radio" name="IsResident"

value="false" #if ("$! Content. Person. PersonInfo. IsResident" == "false") checked="checked" #end >Нерезидент

</td>

<td class="td_left_label_form_style">Место рождения<span class="red">*</span></td>

<td class="td_field_form_style">

<input name="BirthdayPlace" value="$! Content. Person. PersonInfo. BirthdayPlace" type="text"

class="input_text_style_medium" required="required" maxlength=”100”>

</td>

</tbody>

</table>

<div class="local_header">Документы персоны</div>

#set ($items= [])

#foreach ($item in $contentUtil. findDictionary ($Content, "DOCUMENT"))

#set ($item = {"id": $item. Code,"name": $item. Name})

#if ($items. add ($item)) #end

#end

#set ($params = {

"title": "Добавить документ",

"onClick": "deleteTab ('PaperInfo', 'Удалить? ')",

"inputClass": "input_text_style_long",

"selectBoxClass": "selectbox_wrapper_long",

"items": $items

}

)

#selectBox ($params)

<div id="tabsAreaPaperInfo" name="PaperList" class="tabs_area object_container">

<div class="tabs_header">

<input type="hidden" name="countPaperInfo" value="0" unused="true">

#set ($tabsParam = [])

#tabs ({"name": "tabsPaperInfo","tabs": $tabsParam})

#set ($addTab =

"<script language='JavaScript'>" + "

tabVal = {

PaperSeries: '$" + "! item. PaperSeries',

PaperType: '$" + "! item. PaperType',

IsActive: '$" + "! item. IsActive',

IsMain: '$" + "! item. IsMain',

PaperNumber: '$" + "! item. PaperNumber',

PaperInfoId: '$" + "! item. PaperInfoId',

IssueDate: '$" + "! item. IssueDate',

IssueDepartment: '$" + "! item. IssueDepartment',

ExpiryDate: '$" + "! item. ExpiryDate',

DivisionCode: '$" + "! item. DivisionCode'

}

addTab ('$" + "! item. PaperType');

</script>"

)

#set ($tabList = $! Content. Person. PersonInfo. PaperList. PaperInfo)

#if ("$! Content. Person. PersonInfo. PaperList. PaperInfo. get (0)" == "" && $tabList)

#set ($item = $tabList)

#evaluate ($addTab)

#else

#foreach ($item in $tabList)

#evaluate ($addTab)

#end

#end

</div>

<br/>

</div>

</div>

<! - -Person - ->

</div>

<! - -PersonInfo - ->

<hr/>

<br/>

<div class="display_none">

При нажатии кнопки "Отмена" отображается сообщение: "Процесс не завершен. Прервать?".

</div>

<div>

<div>

<div style="float: left; ">

<button class="blue" type="button" onclick="cancelAction ()">

<span><em>Отмена</em></span>

</button>

<button class="blue" type="button" onclick="nextAction ()">

<span><em>Далее</em></span>

</button>

</div>

<div style="float: right">

<button class="blue" type="button" onclick="exitAction ()">

<span><em>Выход</em></span>

</button>

</div>

</div>

<div style="clear: both"><br/></div>

</div>

</form>

<script>

registerListeners (document. inputForm);

</script>

Приложение Б