为什么验证中的HTML不起作用？

Question

I have this HTML form and try to validate at client side. This is the validation function at HTML form.

function registerValidate() {
    var have_error = "No";
    var email = $('#userEmail').val();
    var pwd = $('#password').val();
    var pwdr = $('#passwordr').val();
    var email_re = /^[-a-z0-9~!$%^&*_=+}{\'?]+(\.[-a-z0-9~!$%^&*_=+}{\'?]+)*@([a-z0-9_][-a-z0-9_]*(\.[-a-z0-9_]+)*\.(aero|arpa|biz|com|coop|edu|gov|info|int|mil|museum|name|net|org|pro|travel|mobi|[a-z][a-z])|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(:[0-9]{1,5})?$/i;

    if (!email.match(email_re)) { 
       $('#email-error').html('Please enter a valid email');
        have_error = "Yes";
    }else{
        $('#email-error').html('');    
    } 

}

When I click "Create My Account", all texts filled inside the text inputs disappeared and doesn't show the error message, even it should show error message.

What could be wrong?

Answer 1

When do you call this function? On form submit? Maybe you form have been submitted and all data field cleared. Could you provide source code?