Непонятная ошибка

Cerberus · July 21, 2012

Добрый день.

Прошу извинить, возможно вопрос совсем уж пустячный, но всё же.

JavaScript только начинаю изучать, смотрю видеоурок и по нему всё повторяю.

Вот такой HTML

<script type="text/javascript" src="script.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<title>Test JavaScript</title>
</head>
<body>
<form name="form" method="post">
<input type="text" name="name" class="name" size="30">
<div class="errorName"></div>
<input type="button" value="Click" onClick="return validate(form)">
</form>

CSS

.errorList{
background-color:#999;
border:2px solid red;
}

JS

function validate(form){
	var name = form.name.value;

	if(name == ""){
		$(".errorName").html("<b>Поле имя не заполнено</b>").css({"color":"red"});	
		$(".name").toggleClass("errorList");
		$(".name").click(function(){
					$(".name").removeClass("errorList");
					$(".errorName").html("");
								   });
		return false;
	}

}

И вот такое мне выдает в консоли при незаполненном поле после нажатия на кнопку

[21.07.2012 14:54:56] JavaScript - file://localhost/Z:/home/php/www/valid/test.html
Event thread: click
Uncaught exception: ReferenceError: Undefined variable: $
Error thrown at line 6, column 2 in validate(form) in file://localhost/Z:/home/php/www/valid/script.js:
    $(".errorName").html("<b>Поле имя не заполнено</b>").css({"color":"red"});
called from line 1, column 0 in <anonymous function>(event) in file://localhost/Z:/home/php/www/valid/test.html:
    return validate(form)

WolF™ · July 22, 2012

Переписал ваш код)

Работающая версия:

HTML:


<form name="form" method="post" id='form'>
    <input type="text" name="name" class="name" size="30">
    <div class="errorName"></div>
    <input type="button" value="Click" id='click'>
</form>

JS:


$('#click').click(function() {
    alert(validate($('#form input[name="name"]')))
});

function validate(inp) {
    if (!inp.val()) {
        $(".errorName").html("<b>Поле имя не заполнено</b>").css({
            "color": "red"
        });
        $(".name").toggleClass("errorList");
        $(".name").click(function() {
            $(".name").removeClass("errorList");
            $(".errorName").html("");
        });
        return false;
    }

    return true;
}

CSS:


.errorList{
    background-color:#999;
    border:2px solid red;
}

Sign In

Непонятная ошибка

Question

Cerberus

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

WolF™

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information