Я получаю сообщение об ошибке Uncaught TypeError: $ (..) form Проверка не является функцией, ошибка возникает из строки в JS-коде ниже. Как я могу это исправить? что я должен изменить ??? Пожалуйста, поделитесь своими знаниями ...
<script type="text/javascript">
$(document).ready(function() {
$('#loginform').formValidation({
framework: 'bootstrap',
excluded: ':disabled',
icon: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
user_name: {
validators: {
notEmpty: {
message: 'The username is required'
}
}
},
password: {
validators: {
notEmpty: {
message: 'The password is required'
}
}
}
}
});
});
</script>
<!DOCTYPE html>
<html lang="en">
\t <head>
\t \t <meta charset="utf-8">
\t \t <title>Welcome to Aravind Eyecare RFID</title>
\t \t <meta name="description" content="description">
\t \t <meta name="author" content="Evgeniya">
\t \t <meta name="keyword" content="keywords">
\t \t <meta name="viewport" content="width=device-width, initial-scale=1">
<script src="plugins/bootstrapvalidator/bootstrapValidator.min.js"></script>
<script src="plugins/bootstrapvalidator/bootstrapValidator.js"></script>
<script src="plugins/jquery/jquery.validate.min.js"></script>
<script src="plugins/jquery/jquery-2.1.0.min.js"></script>
<script src="plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="plugins/bootstrap/bootstrap.min.js"></script>
<script src="plugins/justified-gallery/jquery.justifiedgallery.min.js"></script>
<script src="plugins/tinymce/tinymce.min.js"></script>
<script src="plugins/tinymce/jquery.tinymce.min.js"></script>
<!-- All functions for this theme + document.ready processing -->
<script src="js/devoops.js"></script>
\t \t <link href="plugins/bootstrap/bootstrap.css" rel="stylesheet">
\t \t <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
\t \t <link href='http://fonts.googleapis.com/css?family=Righteous' rel='stylesheet' type='text/css'>
\t \t <link href="css/style.css" rel="stylesheet">
\t \t <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
\t \t <!--[if lt IE 9]>
\t \t \t \t <script src="http://getbootstrap.com/docs-assets/js/html5shiv.js"></script>
\t \t \t \t <script src="http://getbootstrap.com/docs-assets/js/respond.min.js"></script>
\t \t
<![endif]-->
<!-- begin snippet: js hide: false -->
<body>
<form name="loginform" action="logincheck.jsp" method="post">
<div class="container-fluid">
<div id="page-login" class="row">
<div class="col-xs-12 col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3">
<div class="box">
<div class="box-content">
<div class="text-center">
<h3 class="page-header">Login</h3>
</div>
<div class="form-group">
<label class="col-xs-3 control-label">Username</label>
<div class="col-xs-4">
<input type="text" class="form-control" name="user_name" placeholder="Username" />
</div>
<div class="col-xs-4">
</div>
<div class="col-xs-4">
</div>
</div>
<div class="form-group">
<label class="col-xs-3 control-label">Password</label>
<div class="col-xs-4">
<input type="password" class="form-control" name="password" placeholder="Password" />
</div>
</div>
<div class="text-center">
<div class="col-xs-4">
</div>
<div class="col-xs-4">
</div>
<input type="submit" class="btn btn-primary" value="Sign in">
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</body>
</html>
Пожалуйста, не используйте [тег: JQuery-Validate] тег, если ваш вопрос не об этом конкретном плагине. Отредактированные теги. Благодарю. – Sparky
Обратите внимание, что ваш код jQuery предназначен для плагина FormValidation, но вы включили совершенно другой плагин проверки в разделе '
'. – Sparky