JQuery не работает в этом коде

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %> 
<!DOCTYPE html> 
<html> 
    <head runat="server"> 
     <meta name="viewport" content="width=device-width" /> 
     <title>FillForm</title> 
     <script type="text/javascript" src="../../Scripts/jquery-1.7.1.min.js" /> 
     <script type="text/javascript"><![CDATA[    
      function farax() {     
       alert($('#txt_name').val()); 
       return false; 
      } 
     ]]></script> 
    </head> 
    <body> 
    <div> 
     <form action="DisplayCustomer" method="post"> 
      <span> Enter customer id :- </span> <input type="text" name="Id" id="txt_name" /> <br   /> 
      <span> Enter customer code :- </span> <input type="text" name="CustomerCode" /><br /> 
      <span> Enter customer Amount :- </span> <input type="text" name="Amount" /><br /> 
      <input type="submit" value="Submit customer data" onclick="return farax(); " /> 
     </form> 
     </div> 
    </body>  
</html>

Код выше не получает значения внутри функции javascript. Что я здесь делаю неправильно? Это представление в приложении ASP.NET MVC 4, и я не добавил никаких основных страниц. Я попытался использовать тот же код внутри обычного приложения ASP.NET, и он работал нормально, но это, похоже, пропускает функцию JavaScript javascript. Возможно, jQuery неправильно загружается. Я проверил путь, чтобы убедиться, что он неисправен, но это также правильно.JQuery не работает в этом коде

источник

2013-08-21 Farax

Является ли это текстовым полем ASP или просто стандартным 'input'? – tymeJV

Вы проверили консоль на наличие ошибок? – Curt

Измените 'onclick =" return farax(); "' только на 'onclick =" farax() "' –

<script src="../../Scripts/jquery-1.7.min.js" type="text/javascript"></script>

Странно, что это изменение версии JQuery до версии 1.7 разрешило мою проблему. Я был бы счастлив, если бы кто-то мог пролить свет на этот вопрос!

Спасибо!

источник

2013-08-23 09:29:29 Farax

Был ли файл jquery-1.7.1.min.js в каталоге скриптов? – Steve

Да, да.Это было первое, что я проверил, когда понял, что это неправильно загружает – Farax

-2

<input type="submit" value="Submit customer data" onclick="return farax(); " />

Изменить тип типа = "кнопка".

источник

2013-08-21 15:11:22

Почему это может измениться ??? – Liam

путем отправки формы отправить отправить действие после нажатия кнопки на кнопке –

Он не будет продолжать работу с обработчиком 'click', если возвращается false. – Steve

Испытание это:

<script type="text/javascript">   
    function farax() {     
     alert($('#txt_name').val()); 
     return false; 
    } 
</script>

И:

<input type="submit" value="Submit customer data" onclick="console.log(farax());" />

Вы должны увидеть "ложь" в вашей консоли отладчика (возможно, проверьте, Jquery загружается правильно я "сценарии" или положить <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>).

источник

2013-08-21 15:24:34

Проверьте мой ответ. Я смущен, как изменение номера версии повлияло на это – Farax

Я не понимаю, что вам нужно, это не работает? –

Прежде всего, убедитесь, что вы знаете, как отлаживать Javascript в браузерах, в IE10/Chrome, нажмите F12, чтобы начать отладчик, а затем вы увидите ошибку сценария в выводе на консоль, также вы можете отлаживать код шаг за шагом, в firefox, вы можете установить Firebug, это известный и мощный инструмент для отладки скриптов.

тогда, если вы получите указанную ошибку, это должно быть легко исправить вашу проблему.

источник

2013-08-21 15:26:37 Sean

Да, я знаю это, но опять же, единственная информация, которую я получаю, заключается в том, что она не находит функцию javascript. Теперь это происходит только тогда, когда у меня есть эта строка, которая включает JQuery. Удаление его делает доступной функцию javascript – Farax

JQuery не работает в этом коде

ответ

Смежные вопросы