如何在文本框上創建驗證？

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/