jQuery

Валидация формы с помощью jQuery

Задача — проверить форму, на заполнение обязательных полей.

Вот наша форма:
<form action="<?php echo $this->self_url(); ?>&action=update-sidebar" method="post" id="add-edit-sidebar">
	<table class="form-table">
		<tbody>
			<tr class="">
				<th scope="row" valign="top">
					<?php _e(&apos;Title&apos;, &apos;framework&apos;) ?>
					<p class="description required"><?php _e(&apos;Required&apos;, &apos;framework&apos;) ?></p>
				</th>
				<td>
					<input class="input-text " type="text" name="sidebar-title" id="sidebar-title" value="<?php echo isset($sidebar) ? $sidebar[&apos;title&apos;] : &apos;&apos;; ?>">
				</td>
			</tr>
			<tr class="">
				<th scope="row" valign="top">
					Alias
					<p class="description required"><?php _e(&apos;Required&apos;, &apos;framework&apos;) ?></p>
				</th>
				<td>
					<input class="input-text " type="text" name="sidebar-alias" id="sidebar-alias" <?php echo isset($sidebar) ? &apos;readonly="readonly"&apos; : &apos;&apos;; ?> value="<?php echo isset($sidebar) ? $sidebar[&apos;alias&apos;] : &apos;&apos;; ?>">
				</td>
			</tr>
			<tr class="">
				<th scope="row" valign="top">
					<?php _e(&apos;Description&apos;, &apos;framework&apos;) ?>
				</th>
				<td>
					<textarea class="input-textarea " name="sidebar-description"><?php echo isset($sidebar) ? $sidebar[&apos;description&apos;] : &apos;&apos;; ?></textarea>
				</td>
			</tr>
		</tbody>
	</table>
	<input class="button-primary" id="submit-button" type="button" value="Save Settings">
</form>

И собственно код для валидации:
(function($){

	$(&apos;#submit-button&apos;).click(function(e){
		var sidebarTitle = $(&apos;#sidebar-title&apos;).val().trim();
		var sidebarAlias = $(&apos;#sidebar-alias&apos;).val().trim();
		if(sidebarTitle == &apos;&apos;){
			$(&apos;#sidebar-title&apos;).css(&apos;border-color&apos;, &apos;Red&apos;);
		}

		if(sidebarAlias == &apos;&apos;){
			$(&apos;#sidebar-alias&apos;).css(&apos;border-color&apos;, &apos;Red&apos;);	
		}

		if(sidebarTitle != &apos;&apos; && sidebarAlias != &apos;&apos;){
			$(&apos;#add-edit-sidebar&apos;).submit();
		}
	});

})(jQuery);
Теги:
Валидация, форма, submit, validate, form
Похожие новости:
Добавлено: 01 Января 2015 18:29:22 Добавил: Андрей Ковальчук Нравится 0
Добавить
Комментарии:
Нету комментариев для вывода...