e.preventdefault和asp.net登录表单不起作用

Question

I am trying to submit the asp.net login form only if the https.get function does not produce an error. If it returns an error, I do not want the login form submitted. When I call e.preventDefault() the login page just refreshes without logging the user in.

Why is this?

var loginForm = $('form');
var https = require("https");
var url = 'https://examplesite.com/';


loginForm.on('submit', function (e) {
        var loginSubmit = this;
        e.preventDefault();
            https.get(url, function (res) {
                res.resume();
                loginSubmit.submit();
            }).on('error', function () {
                // display error, do not login
            });
});

Answer 1

I assume the loginForm is the actual form, the $('form') in jQuery. Which is the same as loginSubmit in your function.

See, when the submit() event is raised, you call the function inside, which calls loginSubmit.submit() again. Is it a problem?

You can try bind the function to the submit button's click event.

Need more information about res.resume() . And can you please give us where your loginForm variable comes from?

---

UPDATE:

I would bind to the click event of the submit button.

$(document).on('click','btn#submit', function(e){
    e.preventDefault();
    // make the get call
    $.get(url)
         .done(function(){
             // success callback => submit the form.
             $('form').submit();
         })
         .fail(function(){
             // fail callback => display error.
         });
});

I don't know much about your https call. And I am also not very clear about that your res.resume() . But you should have some clue now.