Добавление дополнительного поля в действующую форму

S
На сайте с 18.01.2018
Offline
8
310

Подскажите пожалуйста, столкнулся с тем, что есть форма с помощью которой можно добавить объявление, но одно но, нет или забыли добавить поле для ввода номера телефона, конечно Пользователем.

Я более ли менее ориентируюсь в html и css, но php в процессе изучения. Но пока, не могу въехать, как это всё правильно сделать.

Не буду здесь, тянуть кота за хвост. Вот форма: https://hotplus.com.ua/new-ad/

Это код данной формы с настроенными полями, но без поля для номера телефона:

<?php if($catError != '') { ?>

<span class="error" style="color: #d20000; margin-bottom: 20px; font-size: 18px; font-weight: bold; float: left;"><?php echo $catError; ?></span>
<div class="clearfix"></div>
<?php } ?>

<fieldset class="input-title">

<label for="edit-title" class="control-label"><?php _e('Title *', 'agrg') ?></label>
<input type="text" id="postTitle" name="postTitle" value="" size="60" maxlength="255" class="form-text required">

</fieldset>


<div id="edit-field-category">
<div class="form-item">
<label for="edit-field-category-und" class="control-label"><?php _e('Category *', 'agrg') ?></label>

<?php wp_dropdown_categories( 'show_option_none=Category&hide_empty=0&hierarchical=1&id=catID' ); ?>

</div>
</div>

<?php
$args = array(
'hide_empty' => false,
'orderby' => count,
'order' => 'ASC'
);

$inum = 0;

$categories = get_categories($args);
foreach($categories as $category) {;

$inum++;

$user_name = $category->name;
$user_id = $category->term_id;


$tag_extra_fields = get_option(MY_CATEGORY_FIELDS);
$wpcrown_category_custom_field_option = $tag_extra_fields[$user_id]['category_custom_fields'];

if(empty($wpcrown_category_custom_field_option)) {

$catobject = get_category($user_id,false);
$parentcat = $catobject->category_parent;

$wpcrown_category_custom_field_option = $tag_extra_fields[$parentcat]['category_custom_fields'];
}
?>

<div id="cat-<?php echo $user_id; ?>" class="wrap-content" style="display: none;">

<?php
for ($i = 0; $i < (count($wpcrown_category_custom_field_option)); $i++) {
?>

<fieldset class="input-title">

<label for="edit-title" class="control-label"><?php if (!empty($wpcrown_category_custom_field_option[$i][0])) echo $wpcrown_category_custom_field_option[$i][0]; ?></label>

<input type="hidden" class="custom_field" id="custom_field_<?php echo $user_id; ?>[<?php echo $i; ?>][0]" name="custom_field_<?php echo $user_id; ?>[<?php echo $i; ?>][0]" value="<?php if (!empty($wpcrown_category_custom_field_option[$i][0])) echo $wpcrown_category_custom_field_option[$i][0]; ?>">

<input type="text" class="custom_field" id="custom_field_<?php echo $user_id; ?>[<?php echo $i; ?>][1]" name="custom_field_<?php echo $user_id; ?>[<?php echo $i; ?>][1]">

</fieldset>

<?php
}
?>


</div>

<?php } ?>

<div id="price-field">

<label for="edit-field-category-und" class="control-label"><?php _e('Цена', 'agrg') ?></label>
<input type="text" id="post_price" name="post_price" value="" size="12" class="form-text required">
<p class="help-block"><?php _e('Оставьте поле пустым по договорённости', 'agrg') ?></p>

</div>

<fieldset class="input-title">

<label for="edit-title" class="control-label"><?php _e('Location', 'agrg') ?></label>
<input type="text" id="post_location" name="post_location" value="" size="12" maxlength="110" class="form-text required">

</fieldset>

<label for="edit-title" class="control-label"><?php _e('Описание *', 'agrg') ?></label>

<?php

$settings = array(
'wpautop' => true,
'postContent' => 'content',
'media_buttons' => false,
'tinymce' => array(
'theme_advanced_buttons1' => 'bold,italic,underline,blockquote,separator,strikethrough,bullist,numlist,justifyleft,justifycenter,justifyright,undo,redo,link,unlink,fullscreen',
'theme_advanced_buttons2' => 'pastetext,pasteword,removeformat,|,charmap,|,outdent,indent,|,undo,redo',
'theme_advanced_buttons3' => '',
'theme_advanced_buttons4' => ''
),
'quicktags' => array(
'buttons' => 'b,i,ul,ol,li,link,close'
)
);

wp_editor( $postContent, 'postContent', $settings );

?>

<div class="hr-line"></div>

<label for="tel" class="control-lab"><?php _e('Телефон *', 'agrg') ?></label>

<input class="control-label" id="tel" type="tel" name="tel" value="" pattern="2[0-9]{3}\-[0-9]{3}" placeholder="Введите свой номер телефона..." required />

<p class="help"><?php _e('Введите свой действительный номер телефона.', 'agrg') ?></p>

<div class="hr-line"></div>

<label for="edit-title" class="control-label"><?php _e('Address', 'agrg') ?></label>

<div id="map-container">

<input id="address" name="address" type="textbox" value="">

<p class="help-block"><?php _e('Начните вводить адрес и выберите из выпадающего списка.', 'agrg') ?></p>

Область, где я по аналогии, сделал дополнительное поле:

<label for="tel" class="control-lab"><?php _e('Телефон *', 'agrg') ?></label>


<input class="control-label" id="tel" type="tel" name="tel" value="" pattern="2[0-9]{3}\-[0-9]{3}" placeholder="Введите свой номер телефона..." required />

<p class="help"><?php _e('Введите свой действительный номер телефона.', 'agrg') ?></p>

Как объеденить данное поле, чтоб номер телефона появлялся в теле объявления? Может быть, потом можно с помощью JQuery, подключить интересное отображение в нужном мне месте? Спасибо.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий