代码之家 › 专栏 › 技术社区 › user8518202

jQuery Hide在函数中不起作用

jquery

user8518202 · 技术社区 · 7 年前

请帮助我为什么隐藏在函数中不起作用

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();
}

2 回复 | 直到 7 年前

HBK 7 年前

代码很好。你只需要添加一个 submit 表单内部 因此 Validation() 执行。以下是代码片段:

$('#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>

Shiladitya 7 年前

它应该按预期工作。下面是一个小演示片段。

$(document).ready(function() {
  $('#button').click(function(){
  	$('#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>