jQueryの非表示が機能

Question

に動作していない非表示機能で

を働いていない理由を私を助けてくださいHTML形式

<form id="form1" method="post"> 
    <b>EmpName</b> <input type="text" id="txtName"/> 
    <span class="Error" id="Span_Name">Enter Name</span> 

    <b>Email</b> <input type="text" id="txtEmail"/> 
    <span class="Error" id="SpanEmail">Email</span> 
</form> 

jQueryの

$('#form1').submit(function (e) { 
    e.preventDefault(); 
    var IsOk = Validation(); 
}) 
function Validation() { 
    //e.preventDefault(); 
    var IsVailied = true; 
    $('.Error').css('background-color', 'black'); //Working 
    $('.Error').hide(); 
} 

Answer 1

コードは正常です。 Validation()が実行されるように、のフォームにsubmitボタンを追加するだけで済みます。期待どおりに働いている

$('#form1').submit(function (e) { 
 
    e.preventDefault(); 
 
    var IsOk = Validation(); 
 
}) 
 
function Validation() { 
 
    //e.preventDefault(); 
 
    var IsVailied = true; 
 
    $('.Error').css('background-color', 'black'); //Working 
 
    $('.Error').hide(); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="form1" method="post"> 
 
    <b>EmpName</b> <input type="text" id="txtName"/> 
 
    <span class="Error" id="Span_Name">Enter Name</span> 
 

 
    <b>Email</b> <input type="text" id="txtEmail"/> 
 
    <span class="Error" id="SpanEmail">Email</span> 
 
<button id='button'>Submit</button> <!-- \\ Put this inside the form--> 
 
</form>

**：以下は抜粋です。 **

Answer 2

期待どおりに動作するはずです。以下はスニペットの小さなデモです。

$(document).ready(function() { 
 
    $('#button').click(function(){ 
 
    \t $('#form1').submit(); 
 
    }); 
 
    $('#form1').submit(function (e) { 
 
    e.preventDefault(); 
 
    var IsOk = Validation(); 
 
    }); 
 
    Validation = function() { 
 
    //e.preventDefault(); 
 
    var IsVailied = true; 
 
    $('.Error').css('background-color', 'black'); //Working 
 
    $('.Error').hide(); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id='form1'> 
 
    <b>EmpName</b> <input type="text" id="txtName"/> 
 
    <span class="Error" id="Span_Name">Enter Name</span> 
 

 
    <b>Email</b> <input type="text" id="txtEmail"/> 
 
    <span class="Error" id="SpanEmail">Email</span> 
 
</form> 
 
<button id='button'>Submit</button>