javascript - 如何在文本框上创建验证？

Question

我有 3 个文本框，我想在文本框中创建一个验证。例如 textbox1 值为 10，则 textbox2.1stquarter 值为 5，textbox3.2ndquarter 应至少为 5 或小于 5。如果 textbox2 和 textbox3 的组合值等于 10，则允许，但如果 textbox2 和 textbox3 的组合值大于 10 不应该允许它。怎么做？

就像这段代码一样。我想获取 textbox1 的值，所以另外两个文本框应该 >10

function CompareValues() {
   var textBox1=document.GetElementById('ID_OF_TextBox1');
   var textBox2=document.GetElementById('ID_OF_TextBox2');
   var textBox3=document.GetElementById('ID_OF_TextBox3');

   if ( textBox1.value>textBox2.value + textBox3.value ) {
      the value is greater than textbox1
   }
}

Answer 1

HTML：

<input id="txt1" type="text" />
<input id="txt2" type="text" />
<input id="txt3" type="text" />
<DIV id="btnValid">CLICK</DIV>

JS：

    $("#btnValid").on('click', function () {
    var txt1 = $("#txt1").val();
    var txt2 = $("#txt2").val();
    var txt3 = $("#txt3").val();
    var combine_2_3 = Number(txt2) + Number(txt3);

    if (Number(txt1) > Number(txt2) || Number(txt1) > Number(txt3)) {

        if (Number(txt1) > Number(combine_2_3)) {
            alert("txt1 value is greater then combine value ");
        }
       else {
            alert("combine value txt2, txt3 is greater then txt1");
             $("#txt1").val("");
             $("#txt2").val("");
             $("#txt3").val("");
          }
    }
});

演示

更新了演示

Answer 2

说真的，你可以自己做，伙计......检查下面的小提琴是否对你有帮助...... :)

var textBox1=document.getElementById('textbox1').value;
     var textBox2=document.getElementById('textbox2').value;
    var textBox3=document.getElementById('textbox3').value;

    if((+textBox2 + +textBox3)  >= 10){
                $('#textbox1').val('');
                $('#textbox2').val('');
                $('#textbox3').val('');
        return false;
    }else{
    alert('value ok');
    }

http://jsfiddle.net/B5cKr/