妥当性検査が偽を返してもJQueryフォームが提出されます

Question

私の下で言及したコードは、依然として名前フィールドの特殊文字にフォームを送信します。検証は機能しますが、繰り返し送信すると、名前の中に特殊文字を含むフォームが改行されて送信されます。

この理由は何ですか？

$("#fee").submit(function(){ 
    trimmedValue = $.trim($("#name").val()); 
    $("#name").val(trimmedValue); 
    typevalue = $("input:radio[@name='type']:radio:checked").val(); 
    if(typevalue=="FLAT" && !isFloat($("#amount").val())) { 
    alert("Amount should be number with proper decimal formatting"); 
    $("#amount").val("0.0"); 
    return false; 
} 
var noSpecialChars = /[^a-zA-Z0-9]/g; 
if (noSpecialChars.test($("#name").val())) { 
    alert("Please enter valid fee Name. Do not enter special characters" ); 
    return false; 
} 

if(typevalue=="PERCENTAGE" && !isFloat($("#percentage").val())) { 
    alert("percentage should be number with proper decimal formatting"); 
    $("#percentage").val("0.0"); 
    return false; 
} 
if(typevalue=="FLAT" && $("#amount").val()=="0.0") { 
    return confirm("Do you really want the amount to be 0.0 ?"); 
} 
if(typevalue=="PERCENTAGE" && $("#percentage").val()=="0.0") { 
    return confirm("Do you really want the percentage to be 0.0 ?"); 
} 

}）;

Answer 1

どのブラウザでこれを再現できますか？

Firefox 3.5.2で行いましたが、IE 6.0で再現できませんでした。いくつかのより多くを探索した後、私はいくつかの問題を示唆し、このラインでは...

if (noSpecialChars.test($("#name").val())) { 

...呼び出しが）（.TESTする（Firefoxのみで）交互パターンで、その後true、falseを返していましたことに気づきましたRegExpと入力します。そこで、RegExpの暗黙の作成を次のように置き換えようとしました。

//var noSpecialChars = /[^a-zA-Z0-9]/g;   
    var noSpecialChars = new RegExp("[^a-zA-Z0-9]"); 

それで私の問題は解決しました。

Answer 2

繰り返しを押すと決してreturn false;に届かず、代わりにフォームに指定されたhrefにフォームを送信しているようです。

フォームタグにhrefがある場合は、フォームタグを削除し、戻り値が呼び出される直前にプロパティを挿入してください。