JSFiddle - React, Tailwind, and code Playground

by vipTelnet

HTML

<div class="btn-group action">
			<button class="btn btn-success" id="save" href="/admin/colors/save/22"><span>Сохранить</span></button>
			<button class="btn btn-info" id="saveclose" href="/admin/colors/saveclose/22"><span>Сохранить и закрыть</span></button>
            <button class="btn btn-warning" href="/admin/colors/"><span>Закрыть</span></button>
            <button class="btn btn-danger" href="/admin/colors/delete/22"><span>Удалить</span></button>
		</div>

<form action="/admin/colors/save/22" method="post" accept-charset="utf-8" id="editform">			

			
	        <h3>Настройки отображения</h3>

			<table class="table">
	            <tbody><tr>
	                <td><span class="tdCaption"><strong>Заголовок*</strong></span></td>
	                <td>
						<input type="text" name="title" value="22">
						<strong></strong>
					</td>
	            </tr>
	            <tr>
	                <td><span class="tdCaption"><strong>Код цвета*</strong></span></td>
	                <td>
						<input class="hash" type="text" name="hash" value="11">
						<strong></strong>
					</td>
	            </tr>
				<tr>
	                <td><span class="tdCaption"><strong>Опции</strong></span></td>
	                <td>
												<label class="checkbox">
						  <input type="checkbox" name="status" value="1" checked=""> Включен?
						</label>
					</td>
	            </tr>
	            <tr>
	                <td><span class="tdCaption"><strong>Позиция</strong></span></td>
	                <td>
						<input class="position" type="text" name="position" value="444">
						<strong></strong>
					</td>
	            </tr>				
	        </tbody></table>
			<input type="submit" id="send" name="send" value="Send">
		</form>

JavaScript

$('#save').click(function(event){
			event.preventDefault();

			$('#editform').submit();
		});
		$('#saveclose').click(function(event){
            event.preventDefault();
	
			$('#editform').submit();
		});