Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   onclick и другие вопросы (https://javascript.ru/forum/dom-window/22641-onclick-i-drugie-voprosy.html)

asp_ 27.10.2011 12:18

onclick и другие вопросы
 
Здравствуйте! Накопилось немало вопросов. Уже второй день не могу написать простенький код.

Есть форма с checkbox'ами при нажатии кнопки отправить должно выводится сообщение если не выбран ни один элемент (и форма не должна отправиться)
function x(){
		alert("sdf");
	 	$.each($.('.f'), function(i,obj){
				    if(!$(obj).val() && !$(obj).attr('checked')){
        alert('Заполнены не все поля');
		return false;
    }else{
alert ("sdf"); return true;
}
			}); 
		}

Я долго ломал голову и решил проверить простенький код
<html>
<head>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>

<script language = "text/javascript">
	 	function x(){
		alert("sdf");
}
</script>
</head>
<body>	
<form name = "wep" action = "" onSubmit = "x()">
	
<input class = "f" type = "checkbox" name = "f"/>		 	
<input type = "submit" onsubmit= "x()" value = "sdf"/>				
</form>
<a href = "javascript://" onclick = "x()">sdfsdf</a>
</body>
</html>

Код не работает. Очень интересно узнать почему?

И еще видел записи такого рода
<input type = "submit" onsumbit = "return funcname();"/>
или
<input type = "submit" onsumbit = " funcname(); return false;"/>
что то вроде этого. что они значат и для чего нужны?
В гугле найти не смог.

p.s. js в браузере включен.

ksa 27.10.2011 14:12

Цитата:

Сообщение от asp_
при нажатии кнопки отправить должно выводится сообщение если не выбран ни один элемент (и форма не должна отправиться)

Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
function x() {
	var o=$('#wep :checkbox[checked=true]')
	if (o.length==0) {
		alert('Заполните хоть один чекбокс...')
		return false;
	}
	return true;
}
</script>
</head>
<body>
<form id='wep' name = "wep" action = "" onsubmit = "return x();">
	<input class = "f" type = "checkbox" name = "f"/>		 	
	<input type = "submit" value = "Send"/>				
</form>
</body>
</html>


Цитата:

Сообщение от asp_
И еще видел записи такого рода
<input type = "submit" onsumbit = "return funcname();"/>

Где увидел? :)

asp_ 27.10.2011 14:52

ты написал в своем коде

..."return x();" что значит данная запись, и какие существуют варианты, очень интересно

за код спасибо! только я пойму почему мой не работал с простым выводом на экран..

ksa 27.10.2011 14:55

Цитата:

Сообщение от asp_
только я пойму почему мой не работал

Белиберда работать не обязана... :lol:

Цитата:

Сообщение от asp_
return x();
что значит данная запись

Это значит что return вернёт то, что вернёт функция x()...


Часовой пояс GMT +3, время: 20:32.