Одинаковая реализация Jquery Validation Plugin не работает на двух страницах - PullRequest
0 голосов
/ 02 мая 2018

У меня есть две HTML-страницы с одинаковым кодом. Я использовал плагин проверки jquery для проверки обязательного числового поля. Первая страница работает, а вторая нет. Куда я иду не так.

Рабочий код

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title></title>
    <link href="bootstrap.css" rel="stylesheet"></link>
    <link href="app.css" rel="stylesheet"></link>   
    <script type="text/javascript" src="jquery-1.11.1.js"></script> 
    <script type="text/javascript" src="jquery.validate.js"></script>   
<script type="text/javascript">
$(document).ready(function() {  
$("#abc").validate({
      rules: {
          price: {
          required: true,
          number: true        
        }
      },
      messages: {
          price : "enter Numeric value"  
      }
    }); 
});
</script>   
</head>
<body>
    <div class="generic-container">

        <form id="abc" name="abc" action="" method="POST">
            <div class="form-group col-md-6">
                    <label class="col-md-4 control-lable" for="price"> Price </label>
                    <div class="col-md-7">                  
                        <input  name="price" id="price" type="text" />                      

                    </div>
                </div>
            <input type="submit" value="Submit" class="btn btn-primary btn-sm"/>            
        </form>
    </div>
</body>
</html>

Нерабочий код выглядит следующим образом:

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
            <title></title>
            <link href="bootstrap.css" rel="stylesheet"/>
            <link href="app.css" rel="stylesheet"/> 
            <script type="text/javascript" src="jquery-1.11.1.js"/> 
            <script type="text/javascript" src="jquery.validate.js"/>   
            <script type="text/javascript">
$(document).ready(function() {  
$("#abc").validate({
      rules: {
          price: {
          required: true,
          number: true        
        }
      },
      messages: {
          price : "enter numeric value"  
      }
    });
});
</script>       
        </head>
        <body>
            <div class="generic-container">

                <form id="abc" name="abc" action="" method="POST" >     
                    <div class="form-group col-md-6">
                        <label class="col-md-4 control-lable" for="price">Price </label>
                        <div class="col-md-7">                      
                            <input name="price" id="price"  type="text"   />                    
                        </div>
                    </div>
                    <input type="submit" value="Save" class="btn btn-primary btn-sm"/>
                </form>
            </div>
        </body>
    </html>

Я сравнил код, но не смог найти никакой разницы, кроме пробелов.

1 Ответ

0 голосов
/ 02 мая 2018

Вы неправильно закрываете теги скрипта. Используйте <script></script> вместо <script />.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...