javascript - Jquery preventdefault() 関数が機能しない

Question

これが私のJsfiddleです

実際、送信する前にテキスト フィールドを検証しようとしています。テキスト フィールドが空の場合は errormsg_box を表示し、そうでない場合はフォームを送信します。しかし、ここでは機能していません これが私のスクリプトです:

$("form").submit(function(event) {

    var text_val = $('#emailid').val();
    alert(text_val);
    if (text_val != ' ') {
        $('.errormsg_box').show();
        return false;
        event.preventdefault();
    }
    else if (text_val != '') {
        $('.errormsg_box').hide();
        return true;
    }
});

Answer 1

if ($.trim(text_val) === "") {
    return false;
    // Or
    event.preventDefault(); // event.preventdefault()
                            // javascript is case sensitive.
}

完全なコード:

$("form").submit(function(event) {
    var text_val = $('#emailid').val();

    if ($.trim(text_val) === "") {
        $('.errormsg_box').show();
        return false;
    }
    else 
        $('.errormsg_box').hide();
});​

ライブデモ

テキストが有効な電子メールアドレスであることを確認したい場合:

var regex = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!regex.test($.trim(text_val)))
    ... Error

ライブデモ

Answer 2

$("form").submit(function(event) {    
    var text_val = $.trim($('#emailid').val()); // $.trim() for remove space
    if (!text_val) { // check for empty
        $('.errormsg_box').show();
        return false;
        //or
        //event.preventDefault();
    }
}); 

デモ

Answer 3

編集これはより良い解決策かもしれません：

<input id="emailid" class="required email" />

jQuery 検証プラグインを使用します: http://bassistance.de/jquery-plugins/jquery-plugin-validation/

$("#form").validate();

このようなもの：

$(document).ready(function () {
    $("#form").submit(function () {
        var container = $('errormsg_box');

        var validator = $("#form").validate({
            errorContainer: container,
            errorLabelContainer: $("ul", container),
            ignore: ":not(:visible)", 
            wrapper: 'li',
            rules: {
                emailid: { required: true, email: true }
            },
            messages: {
                emailid: "The e-mailaddress is invalid!"
            }
        });
        if ($("#form").valid()) {
            alert('ok nice!');
        }      
    });
});