Jump to content
  • 0

Непонятная ошибка валидации

mstdmstd

Asked by mstdmstd,

 Share

Question

mstdmstd Explorer

mstdmstd

Posted
Posted

Всем привет,
есть такая bootstrap-либа валидации
https://reactiveraven.github.io/jqBootstrapValidation/

И она используется в темплейте
https://blackrockdigital.github.io/startbootstrap-modern-business/contact.html

Я внедряю этот темплейт но у совсем другая ошибка валидации
ref

Код страницы ниже и это непонятно сообщение в независимости от есть ли вызов

  

$("input,textarea,select").jqBootstrapValidation

или закоментирован

Что вызывает это сообщение и как его убрать ? 

<!DOCTYPE html>
<html lang="en">
<head>



<!-- Bootstrap -->

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title> Home of Products Catalog</title>



<!-- Bootstrap Core CSS -->
<link href="http://local-wprods.com/static/bootstrap/modern-business/css/bootstrap.min.css" rel="stylesheet">

<!-- Custom CSS -->
<link href="http://local-wprods.com/static/bootstrap/modern-business/css/modern-business.css" rel="stylesheet">

<!-- Custom Fonts -->

<link rel="stylesheet" type="text/css" href="http://local-wprods.com/static/css/font-awesome.min.css" />

<script src="http://local-wprods.com/static/js/jquery/jquery-3.1.0.min.js"></script>
<link rel="stylesheet" href="http://local-wprods.com/static/css/jquery-ui.min.css"/>
<script src="http://local-wprods.com/static/js/jquery/jquery-ui-1.12.0.min.js"></script>

<script type="text/javascript" src="http://local-wprods.com/static/bootstrap/modern-business/js/bootstrap.min.js"></script>

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<!--<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>-->
<!--<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>-->
<!--<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/jquery.raty.css"></script>-->
<![endif]-->



<link rel="stylesheet" href="http://local-wprods.com/static/css/jquery.fancybox.css"/>
<link rel="stylesheet" href="http://local-wprods.com/static/css/bootstrap-multiselect.css"/>



<script type="text/javascript" src="http://local-wprods.com/static/js/jquery/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="http://local-wprods.com/static/js/jquery/jquery.raty.js"></script>
<script type="text/javascript" src="http://local-wprods.com/static/js/jquery/jquery-confirm.min.js"></script>
<link rel="stylesheet" href="http://local-wprods.com/static/css/jquery-confirm.min.css"/>

<link rel="stylesheet" href="http://local-wprods.com/static/bootstrap/modern-business/css/pickadate/classic.css"/>
<link rel="stylesheet" href="http://local-wprods.com/static/bootstrap/modern-business/css/pickadate/classic.date.css"/>

<script type="text/javascript" src="http://local-wprods.com/static/bootstrap/modern-business/js/picker.js"></script>
<script type="text/javascript" src="http://local-wprods.com/static/bootstrap/modern-business/js/picker.date.js"></script>
<script type="text/javascript" src="http://local-wprods.com/static/bootstrap/modern-business/js/picker.time.js"></script>
<script type="text/javascript" src="http://local-wprods.com/static/js/bootstrap-multiselect.js"></script>



<link rel="stylesheet" href="http://local-wprods.com/static/css/modern-business/style.css"/>

<link rel="stylesheet" type="text/css" href="http://local-wprods.com/static/css/modern-business/style_xs_320.css" media="only screen and (min-width: 320px) and (max-width: 479px) " />

<link rel="stylesheet" type="text/css" href="http://local-wprods.com/static/css/modern-business/style_xs_480.css" media="only screen and (min-width: 480px) and (max-width: 599px) " />

<link rel="stylesheet" type="text/css" href="http://local-wprods.com/static/css/modern-business/style_xs_600.css" media="only screen and (min-width: 600px) and (max-width: 767px) " />

<link rel="stylesheet" type="text/css" href="http://local-wprods.com/static/css/modern-business/style_sm.css" media="only screen and (min-width: 768px) and (max-width: 1023px) " />

<link rel="stylesheet" type="text/css" href="http://local-wprods.com/static/css/modern-business/style_md.css" media="only screen and (min-width: 1024px) and (max-width: 1279px) " />

<link rel="stylesheet" type="text/css" href="http://local-wprods.com/static/css/modern-business/style_lg.css" media="only screen and (min-width: 1280px)" />





<script type="text/javascript" src="http://local-wprods.com/static/js/funcs.js"></script>

<script type="text/javascript" src="http://local-wprods.com/static/js/modern-business/frontend_app.js"></script>

<script type="text/javascript" language="JavaScript" src="http://local-wprods.com/static/js/jquery/jqBootstrapValidation.js"></script>



</head>




<body>



<!-- Navigation -->







<!-- Navigation -->
<script type="text/javascript">



/*<![CDATA[*/

function login() {

$("#div_make_login_modal").modal({

"backdrop": "static",
"keyboard": true,
"show": true

});

}

function makeLogin() {

var username= encodeURIComponent( $("#username").val() )
var password= encodeURIComponent($("#password").val() )
var href= "http://local-wprods.com/main/login/username/"+username+"/password/" + password
jQuery.ajax({

url: href,
type: 'POST',
data: { username : username, password : password, csrf_test_name : 'c9aeb103c282a0fcb2cfbd71a2ad1dc8' },
dataType: 'json',
success: function(result) {

// alert( "result::"+var_dump(result) )

if (result.ErrorCode != 0) {

alert( result.ErrorMessage )

}
if (result.ErrorCode == 0) {

location.reload();

}

}

});

}
/*]]>*/

</script>

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">



<div class="container">

<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">

<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>

</button>
<a class="navbar-brand" href="http://local-wprods.com/">Home</a>

</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

<ul class="nav navbar-nav navbar-right">

<li>

<a href="about.html">About</a>

</li>
<li>

<a href="services.html">Services</a>

</li>
<li>

<a href="contact.html">Contact</a>

</li>
<li class="dropdown">

<a href="#" class="dropdown-toggle" data-toggle="dropdown">Portfolio <b class="caret"></b></a>
<ul class="dropdown-menu">

<li>

<a href="portfolio-1-col.html">1 Column Portfolio</a>

</li>
<li>

<a href="portfolio-2-col.html">2 Column Portfolio</a>

</li>
<li>

<a href="portfolio-3-col.html">3 Column Portfolio</a>

</li>
<li>

<a href="portfolio-4-col.html">4 Column Portfolio</a>

</li>
<li>

<a href="portfolio-item.html">Single Portfolio Item</a>

</li>

</ul>

</li>
<li class="dropdown">

<a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <b class="caret"></b></a>
<ul class="dropdown-menu">

<li>

<a href="blog-home-1.html">Blog Home 1</a>

</li>
<li>

<a href="blog-home-2.html">Blog Home 2</a>

</li>
<li>

<a href="blog-post.html">Blog Post</a>

</li>

</ul>

</li>



<li class="dropdown">

<a href="#" class="dropdown-toggle" data-toggle="dropdown">Prices <b class="caret"></b></a>
<ul class="dropdown-menu">

<li>

<a href="http://local-wprods.com/price_list">Price List</a>

</li>

<li>

<a href="http://local-wprods.com/price_list/filter_in_stock/Y/filter_rating_from/1/filter_rating_till/5/filter_category_list/12/filter_products_per_page/50/sort_direction/asc/sort/sale_price">Thinkspads by sale price</a>

</li>

<li>

<a href="http://local-wprods.com/price_list/filter_in_stock/Y/filter_rating_from/1/filter_rating_till/5/filter_category_list/14/filter_products_per_page/50/sort_direction/asc/sort/rating">Monitors by rating</a>

</li>

</ul>

</li>




<li >

<a class="a_link" onclick="javascript:login(); return false;"> Login </a>

</li>
<li >

<a href="register" > Register </a>

</li>
<li class="divider"></li>
<li>

<small> <span class="visible-xs text-danger" style="display: inline;"><strong>xs<span class="text-danger" style="display: inline;"> D</span></strong></span>

<span class="visible-sm text-danger" style="display: inline;"><strong><span class="text-danger" style="display: inline;"> D</span>sm</strong></span>
<span class="visible-md text-danger" style="display: inline;"><strong>md<span class="text-danger" style="display: inline;"> D</span></strong></span>
<span class="visible-lg text-danger" style="display: inline;"><strong>lg<span class="text-danger" style="display: inline;"> D</span></strong></span>

</small>

</li>
<li class="divider"></li>
<li>

<small> <span id="span_device_width" style="display: inline; color: white; "></span>

<img class="test-device" style="width: 52px; height: 32px;display: inline;">

</small>

</li>

</ul>

</div>
<!-- /.navbar-collapse -->

</div>
<!-- /.container -->

</nav>

<div class="modal fade" id="div_make_login_modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">



<div class="modal-dialog">

<div class="modal-content">

<section class="modal-header">

<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<div class="modal-title">Login</div>

</section>

<section class="modal-body">

<form role="form" class="form-horizontal padding_md" >

<div class="row col-sm-offset-1-1 col-md-offset-2-2 col-md-offset-2-2 col-lg-offset-3-3">

<div class="form-group">

<label>Email</label>
<input type="email" class="form-control" id="username" name="username" placeholder="Email" value="">

</div>

</div>

<div class="row col-sm-offset-1-1 col-md-offset-2-2 col-lg-offset-3-3">

<div class="form-group">

<label for="name">Password</label>
<input type="password" class="form-control" id="password" name="password" placeholder="Password" >

</div>

</div>

<div class="row col-sm-offset-1-1 col-md-offset-2-2 col-lg-offset-3-3">

<div class="form-group">

<input type="checkbox" name="remember" id="remember" > Remember me

</div>

</div>

</form>

</section>

<section class="modal-footer">

<div class="btn-group pull-right editor_btn_group " role="group" aria-label="group button">

<button type="button" id="saveImage" class="btn btn-primary" onclick="makeLogin(); return false; " role="button">Submit</button>
<button type="button" class="btn btn-cancel-action" data-dismiss="modal" role="button">Cancel</button>

</div>

</section>

</div>

</div>

</div>

<!-- Header Carousel -->




<div id="content">



<script type="text/javascript">

/*<![CDATA[*/

jQuery(document).ready(function ($) {

// $(function () { $("input,select,textarea").not( "[type=submit]" ) . jqBootstrapValidation( { sniffHtml: false } ) } );




$("input,textarea,select").jqBootstrapValidation(

{

preventSubmit: true,
submitError: function($form, event, errors) {

// Here I do nothing, but you could do something like display
// the error messages to the user, log, etc.

},
submitSuccess: function($form, event) {

alert("OK");
event.preventDefault();

},
filter: function() {

return $(this).is(":visible");

}

}

);
alert( "AFTER::"+var_dump(1) )
$("#contact_us_name").focus();

});

function onSubmit() {

var theForm = $("#form_contact_us");
theForm.submit();

}

/*]]>*/

</script>



<div class="container">

<!-- Page Heading/Breadcrumbs -->
<h1 class="page-header">Contact Us

<small>Contact Us at our site ans receive notifications about new products on our site</small>

</h1>
<div class="row">

<ol class="breadcrumb " id="div_breadcrumbs">

<li >

<i class="fa fa-home"></i> <a href="http://local-wprods.com/" class="a_link">Home</a>

</li>

<li class="active" >

<i class="fa fa-address-card-o"></i> Contact Us

</li>

</ol>

</div>
<!-- /.row -->

<!-- Content Row -->
<div class="row">

<!-- Map Column -->
<div class="col-md-8">

<!-- Embedded Google Map -->




<div class="padding_md"><p>Contact Us at our site ans receive notifications about new products on our site</p><p> lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qui...</p></div>

<iframe scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?hl=en&ie=UTF8&ll=22.345,31.234&&t=m&z=4&output=embed" width="100%" height="400px" frameborder="0"></iframe>

</div>
<!-- Contact Details Column -->
<div class="col-md-4">

<h3>Contact Details</h3>

<p>

Owner&#039;s street 234, Some city, BD 2345<br>

</p>

<p><i class="fa fa-phone"></i>

<abbr title="Phone">P</abbr>: 1234567890

</p>

<p><i class="fa fa-envelope-o"></i>

<abbr title="Email">E</abbr>: <a href="mailto:owner_email@products_catalog.com">owner_email@products_catalog.com</a>

</p>

<p>

<i class="fa fa-clock-o"></i>
<abbr title="Hours">H</abbr>: Monday - Friday: 9:00 AM to 19:00 PM

</p>

<ul class="list-unstyled list-inline list-social-icons">

<li>

<a href="#"><i class="fa fa-facebook-square fa-2x"></i></a>

</li>
<li>

<a href="#"><i class="fa fa-linkedin-square fa-2x"></i></a>

</li>
<li>

<a href="#"><i class="fa fa-twitter-square fa-2x"></i></a>

</li>
<li>

<a href="#"><i class="fa fa-google-plus-square fa-2x"></i></a>

</li>

</ul>

</div>

</div>
<!-- /.row -->

<!-- Contact Form -->
<!-- In order to set the email address and subject line for the contact form go to the bin/contact_me.php file. -->
<div class="row">

<div class="col-md-8">

<h3>Send us a Message</h3>

<form role="form" class="form-horizontal" action="http://local-wprods.com/article/contact_us" method="post" accept-charset="utf-8" id="form_contact_us" name="form_contact_us" enctype="multipart/form-data">

<div class="control-group form-group">

<div class="controls">

<label>Full Name:</label>
<input class="form-control" id="contact_us_name" name="contact_us_name" required data-validation-required-message="Please enter your name." aria-invalid="false" type="text">
<p class="help-block"></p>

</div>

</div>

<div class="control-group form-group">

<div class="controls">

<label>Phone Number:</label>
<input class="form-control" id="contact_us_phone" name="contact_us_phone" required data-validation-required-message="Please enter your phone number." type="tel">
<div class="help-block"></div>

</div>

</div>

<div class="control-group form-group">

<div class="controls">

<label>Email Address:</label>
<input class="form-control" id="contact_us_email" name="contact_us_email" required data-validation-required-message="Please enter your email address." type="email">
<div class="help-block"></div>

</div>

</div>

<div class="control-group form-group">

<div class="controls">

<label>Message:</label>
<textarea rows="10" cols="100" class="form-control" id="contact_us_message" name="contact_us_message" required data-validation-required-message="Please enter your message" maxlength="999" style="resize:none"></textarea>
<div class="help-block"></div>

</div>

</div>

<div id="success"></div>
<!-- For success/fail messages -->
<button type="submit" class="btn btn-primary">Send Message</button>

</form>

</div>

</div>
<!-- /.row -->

</div>



</div>

<!-- Footer -->

<footer>

<section class="text-center ">

<div class="col-sm-6 padding_sm">

<a href="http://local-wprods.com/article/faq">FAQ</a>

</div>

<div class="col-sm-6 padding_sm">

<a href="http://local-wprods.com/article/contact_us">Contact Us</a>

</div>



</section>

<div class="col-lg-12 text-center padding_sm">

<p> Copyright © Products Catalog 2016 </p>

</div>

</footer>

<!-- /.container -->

<!-- jQuery -->

<!-- Bootstrap Core JavaScript -->

<!-- Script to Activate the Carousel -->
<script>



$('.carousel').carousel({

interval: 5000 //changes the speed

})

</script>

</body>

</html>

 

Спасибо!

Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept