Вер
7
Сабміт на ссилку і кнопку одночасно
категорія: jquery
Пост присвячений в першу чергу для мене, щоб на слідуючий раз знову не шукати в неті подібну інфу.
Потрібно зробити формочку де замість кнопки з type=”submit” буде ссилочка з такими ж властивостями (тобто клікаєм по ссилці і форма сабмітиться).
Потрібно також вставити приховану кнопочку сабміта, щоб форма відпрацьовувала по натисканні кнопки Enter на клаві.
Отже, як мінімум 3 рішення:
Перше:
На чистому ява скрипті, викликаємо подію submit:
<html>
<head><title>JS</title></head>
<body>
<form name="f">
Login: <input type="text" name="login" />
<br />
Pass: <input type="password" name="pass" />
<br />
<input type="submit" style="display: none;" />
<a href="javascript:void(0);" onclick="document.f.submit();">Enter</a>
</form>
</body>
</html>
Друге:
На чистому ява скрипті, викликаємо подію кліка по інпуту:
<html>
<head><title>JS</title></head>
<body>
<form name="f">
Login: <input type="text" name="Login" />
<br />
Pass: <input type="password" name="Pass" />
<br />
<input type="submit" name="s" style="display: none;" />
<a href="javascript:void(0);" onclick="document.f.s.click();">Enter</a>
</form>
</body>
</html>
Третє:
Підключаєм jquery:
<html>
<head>
<title>JS and jquery</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#link").click(function(){
$("#auth").submit();
return false;
});
});
</script>
</head>
<body>
<form id="auth">
Login: <input type="text" name="Login" />
<br />
Pass: <input type="password" name="Pass" />
<br />
<input type="submit" style="display: none;" />
<a id="link">Enter</a>
</form>
</body>
</html>
Подібні теми обговорювались тут.
ХЗ чого, але в моєму випадку підійшло ЛИШЕ друге рішення… полтергейсти…
Скачати всі приклади одним архівом
| Share | В Мой Мир |