Javascript новичокНе может найти яваскрипт функции
Я получаю следующее сообщение об ошибке, но не могу видеть то, что не так с кодом. Я сделал аналогичные в предыдущих семинарах, и они в порядке? У меня есть «требуемая» функция в workshop12.js и вы хотите использовать ее для проверки того, что вход не пуст. Я взял код из W3Schools http://www.w3schools.com/js/js_validation.asp
JS
$(document).ready(function() {
// Check that input is not empty
function required() {
var x = document.forms["loginForm"]["inputName"].value;
document.write (x);
if(x = " ") {
alert("Please input a value");
return false;
}
else {
alert("Correct");
return true;
}
}
});
HTML
<body>
<div class="container">
<div class="row">
<div class="col-sm-offset-2 col-sm-10 col-md-offset-3 col-md-6 col-lg-offset-3 col-lg-6">
<h2>Login form</h2>
</div>
<div class="clearfix visible-md clearfix visible-lg"></div>
</div>
<form name="loginForm" class="form-horizontal">
<div class="form-group">
<label for="inputName" class="col-sm-2 col-md-2 col-lg-3 control-label">Name</label>
<div class="col-sm-10 col-md-8 col-lg-6">
<input type="text" class="form-control" name="inputName" "id="inputName" placeholder="Name" onclick="required()">
<div class="col-md-2 col-lg-3"></div>
</div>
</div>
<div class="form-group">
<label for="inputEmail" class="col-sm-2 col-md-2 col-lg-3 control-label">Email</label>
<div class="col-sm-10 col-md-8 col-lg-6">
<input type="email" class="form-control" id="inputEmail" placeholder="Email">
<div class="col-md-2 col-lg-3"></div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10 col-md-offset-3 col-md-9 col-lg-offset-3 col-lg-9">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</div>
</form>
</div>
<script type="text/javascript" src="js/workshop12.js"></script>
</body>
Похоже, вы также используете jQuery. Вы тоже не забыли включить это? – j08691
вы скрываете его в объеме готовой функции. –
@ j08691 Да включили jquery- –