javascript - 如何在 Jquery Javascript 中使用嵌套 if else

Question

我在这里想做的是进行表单验证。我这里有 3 个元素，a、b 和 c。

我需要做的是:

编辑:只是为了纠正我的问题

如果 a != 0 || a != ''validation_holder = 1;

否则，如果 var a 的值大于零，则比较 b 和 c 的值，c 不应大于 b

如果没有错误，请提交表单。

我正在尝试在嵌套的 if else 中执行此操作。

这就是我现在所拥有的。 http://jsfiddle.net/jWL9s/2

任何帮助将不胜感激。

<form action="" method="post" id="register_form"  name="register_form">
PO<input type="text" id="a" value="0"/><br/>
Remain<input type="text" id="b" value="10"/><br/>
PR<input type="text" id="c" value="5"/><br/>
<span class="alert"></span>
<input name="edt_submit" type="submit" value="Edit">
</form>

jQuery(function($) {
var validation_holder;

$("form#register_form input[name='edt_submit']").click(function() {

var validation_holder = 0;

    var a           = $("form#register_form input[id='a']").val();
    var b           = $("form#register_form input[id='b']").val();
    var c           = $("form#register_form input[id='c']").val();

    if(a != 0 && a != '') {
        $("span.alert").html("You Cannot edit").addClass('validate');
        validation_holder = 1;
    } else {
    if( b > c ) {
        $("span.alert").html("Value is Greater than").addClass('validate');
        validation_holder = 1;
        } else {
        $("span.alert").html("");
        }
    }

    if(validation_holder == 1) { // if have a field is blank, return false
        $("p.validate_msg").slideDown("fast");
        return false;
    }  validation_holder = 0; // else return true
    /* validation End */    
}); // click End 

}); // jQuery End

Answer 1

您是否正在寻找 this solution (updated fiddle)

标记:

<form id="register-form">
    <label for="a">PO</label>
    <input type="text" id="a" value="0"/>

    <label for="b">Remain</label>
    <input type="text" id="b" value="10"/>

    <label for="c">PR</label>
    <input type="text" id="c" value="5"/>

    <p id="message"></p>

    <input type="submit" value="Edit Summary">
</form>

JavaScript:

var validate = function(e) {
  e.stopPropagation();
  e.preventDefault();
  var a = $('#a').val();
  var b = parseInt($('#b').val());
  var c = parseInt($('#c').val());
  var message = $('#message');
  if(a === '' ||  parseInt(a) === 0) {
    message.html('You cannot edit.');
  } else {
    if( c > b ) {
      message.html('Value is Greater.');
    } else {
      message.html('');
      this.submit();
    }
  }
}
$('#register-form').on('submit', validate);