Функция щелчка не работает на кнопке

-1

Я пытаюсь создать список и отправить кнопку, и пользователь вводит размер списка, а затем после нажатия кнопки отправляется форма (размер списка отправляется сервлету) и предупреждение должен появиться .. но тревога не работает .. вот мой кодФункция щелчка не работает на кнопке

<body> 

<form action="ServerSide" method="post"> 
    Enter list Size:<input type="text" name="listsize"> 
    <input type="submit" value="Submit" id="btn"> 
</form> 

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#btn").click(function(){ 
     alert("anything"); 
    }); 
}); 

</script> 

</body>

источник

2016-03-05 dina saber

Используйте Инструменты разработчика в своем браузере. Посмотрите на консоль. Что он говорит? – Quentin

Что вы ожидаете от этого? –

Эта функция выглядит так, как будто она должна работать. Попробуйте изменить 'alert' на' console.log («ничего»); '. Возможно, ваш браузер подавляет оповещения, потому что это раздражающий артефакт JavaScript. – magreenberg

-1

Вы можете попробовать это:

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $("form").submit(function(){ 
     alert("Submitted"); 
    }); 
}); 
</script> 
</head> 
<body> 

<form action=""> 
    First name: <input type="text" name="FirstName" value="Mickey"><br> 
    Last name: <input type="text" name="LastName" value="Mouse"><br> 
    <input type="submit" value="Submit"> 
</form> 
</body> 
</html>

Также прочитайте этот документ DOCS

источник

2016-03-05 09:45:06

-1

Прежде всего убедитесь, что вы включили/ссылаетесь на JQuery Libray, прежде чем использовать JQuery. он должен работать.
Во-вторых вы можете использовать этот

<body> 

<form action="ServerSide" method="post" id="myform"> 
    Enter list Size:<input type="text" name="listsize"> 
    <input type="button" value="Submit" id="btn"> 
</form> 

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#btn").on('click',(function(){ 
     alert("anything"); 
    })); 
}); 

    </script> 

</body>

Я также заметил, что вы использовали тип входа представить его представит форму вместо вызова функции мыши. Вы должны изменить тип на кнопку

, если вы хотите сделать что-то по форме представления, вы должны использовать onsubmit событие

<body> 

    <form action="ServerSide" method="post" id="myform"> 
     Enter list Size:<input type="text" name="listsize"> 
     <input type="submit" value="Submit"> 
    </form> 

    <script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#myform").submit(function(){ 
      alert("anything"); 
     }); 
    }); 

     </script> 

    </body>

Для этого вам не нужно добавлять щелчка слушателя на кнопку отправки. после отправки формы он покажет вам предупреждение.

источник

2016-03-05 09:46:28

Если вы голосуете, пожалуйста, ответьте любезно. нажав кнопку очень легко. Это помогает платформе, чтобы вы помогли кому-то. –

Функция щелчка не работает на кнопке

ответ

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