6
स्निपेट का उपयोग कर .. क्यों मेरे मान्यता काम नहीं कर रहा जानते हैं नहीं, विभिन्न सत्यापनकर्ता इस्तेमाल करने की कोशिश की है, लेकिन परिणाम हमेशा के रूप में मान्य वापसी ..jqBootstrap वैधता काम नहीं कर रहा है, हमेशा मान्य मान वापस करें;
दूसरा आंखों त्रुटि का पता करने की आवश्यकता है
पहली बार, उम्मीद है कि मेरी टुकड़ा नीचे सही है ..
<!DOCTYPE html>
<html lang="en">
\t <head>
\t \t <meta charset="utf-8">
\t \t <meta name="viewport" content="width=device-width, initial-scale=1">
\t \t <title>Test Files</title>
\t \t <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet">
\t \t <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
\t \t <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
\t \t <script src="https://cdnjs.cloudflare.com/ajax/libs/jqBootstrapValidation/1.3.7/jqBootstrapValidation.min.js"></script>
\t \t <script>
\t \t \t $(function() {
$("input,select,textarea").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.
\t \t \t \t \t \t \t alert("Not Valid!!");
},
submitSuccess: function($form, event) {
alert("OK");
},
filter: function() {
return $(this).is(":visible");
}
}
);
});
\t \t </script>
\t </head>
\t <body>
\t \t <nav class="navbar navbar-default" role="navigation">
\t \t \t <div class="container-fluid">
\t \t \t \t <div class="navbar-header">
\t \t \t \t \t <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#mainnav" aria-expanded="false">
\t \t \t \t \t \t <span class="sr-only">Navigation Toggle</span>
\t \t \t \t \t \t <span class="icon-bar"></span>
\t \t \t \t \t \t <span class="icon-bar"></span>
\t \t \t \t \t \t <span class="icon-bar"></span>
\t \t \t \t \t </button>
\t \t \t \t \t <a class="navbar-brand" href="#">K</a>
\t \t \t \t </div>
\t \t </nav>
\t \t <div class="container-fluid">
\t \t \t <div class="panel panel-primary">
\t \t \t \t <div class="panel-heading">
\t \t \t \t \t <h3 class="panel-title">Form Name</h3>
\t \t \t \t </div>
\t \t \t \t <div class="panel-body">
\t \t \t \t \t <div class="panel panel-default">
\t \t \t \t \t \t <div class=btn-group" role="group" aria-label="true">
\t \t \t \t \t \t \t <div class="btn-toolbar" role="toolbar" aria-label="true">
\t \t \t \t \t \t \t \t <button type="button" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-repeat" aria-hidden="false"></span></button>
\t \t \t \t \t \t \t </div>
\t \t \t \t \t \t </div>
\t \t \t \t \t </div>
\t \t \t \t \t <div class="panel panel-default">
\t \t \t \t \t \t <div class="panel-body">
\t \t \t \t \t \t \t <ul class="nav nav-tabs">
\t \t \t \t \t \t \t \t <li><a href="#first-tab" data-toggle="tab">Main<i class="fa"></i></a></li>
\t \t \t \t \t \t \t </ul>
\t \t \t \t \t \t \t <form class="form-inline" id="accountForm" method="post" class="form-horizontal">
\t \t \t \t \t \t \t \t <div class="tab-content">
\t \t \t \t \t \t \t \t \t <div class="tab-pane" id="first-tab">
\t \t \t \t \t \t \t \t \t \t <!-- INPUT that need to be validated... -->
\t \t \t \t \t \t \t \t \t \t <div class="input-group input-group-sm col-xs-12">
\t \t \t \t \t \t \t \t \t \t \t <span class="input-group-addon" id="sizing-addon3">Serial Number (Only Accept Numbers)</span>
\t \t \t \t \t \t \t \t \t \t \t <input
\t \t \t \t \t \t \t \t \t \t \t \t type="text"
\t \t \t \t \t \t \t \t \t \t \t \t data-validation-regex-regex="^[0-9]*$"
\t \t \t \t \t \t \t \t \t \t \t \t data-validation-regex-message="Only Numbers"
\t \t \t \t \t \t \t \t \t \t \t \t class="form-control"
\t \t \t \t \t \t \t \t \t \t \t \t placeholder="Serial Number"
\t \t \t \t \t \t \t \t \t \t \t \t aria-describedby="sizing-addon3"
\t \t \t \t \t \t \t \t \t \t \t />
\t \t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t \t \t <button type="submit" class="btn btn-primary">Test Validation <i class="icon-ok icon-white"></i></button>
\t \t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t \t </div> \t
\t \t \t \t \t \t \t </form>
\t \t \t \t \t \t </div>
\t \t \t \t \t </div>
\t \t \t \t </div>
\t \t \t </div>
\t \t </div>
\t </body>
</html>
समस्या टैब घटक अंदर इनपुट ... इनपुट की आवश्यकता के साथ – FerryHtw