$.ajax works only when put alert()

I tried to load content inside content those are loaded previously with AJAX. I put the code

with load():

jQuery("#contentpage").on("submit", "#loginform", my = function() {
    alert("this is required ");

with $.ajax():

jQuery("#contentpage").on("submit", "#loginform", function() {

        url: '/logincheck.jsp',
        success: function(data) {

    alert("this is required ");

#loginform is a HTML form loaded with previous AJAX request, I successfully access in with .on() function.

But the problem is when I submit #loginform without putting alert('this is required') box then its refreshing the whole page. Also content inside #contentpage are also not changing.

But if I do the same with putting alert("this is required"), its working fine, contents are getting loaded in #contentpage without refreshing whole page.

Is this a timing issue? Ajax request takes time and it's asynchronous? Please correct me if I am wrong.


have you tried this?

             alert("this is required ");

This should at least stop the page from refreshing and may sort out the other problems as well. Good luck!

Need Your Help

Getting data from event args in ListViewItem click handler

c# android xamarin monodroid eventargs

So i have a some ListView populated with data. And i have item click-handler. It looks so

asp.net dynamic controls wierd values issue

asp.net dynamic controls

In my sample asp.net app, that can be found here , I create dynamic controls on Page Init.

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.