如何用jQuery的validate插件实现调用某个js函数前进行错误判断

少写了个<body>, 我想实现的并非是在表单提交前判断输入是否正确,我想实现的就是在按钮被点击调用函数sum()的时候,如果前两个input中输入的不是数字的话,函数就不被调用,直到用户输入了数字函数才可以被调用,请问这个用validate插件可以实现么?

解决方案 »

  1.   


    <!doctype html>
    <html>
      <head>
        <meta charset='utf-8'>
        <script src="../_js/jquery-1.6.3.min.js"></script>
        <script src="../_js/jquery.validate.min.js"></script>
        <script>
        $(document).ready(function() {
            $('#form1').validate();
        });
        function sum() {
            var val1 = $('#val1').val();
            var val2 = $('#val2').val();
            var sum = val1 + val2;
            alert(val1 + '+' val2 + '等于' + sum);
        }
        </script>
      </head>
        <body>
          <form id='form1'>
            输入1<input class='required number' id='val1' type='text' name='value'>
            输入2<input class='required number' id='val2' type='text' name='value'>
                 <input onclick='sum()' type='button' value='加法'>       
          </form>
        </body>
    </html>
    这是我用来测试的代码,比如我想做一个在线的计算器,怎样才能利用jQuery的validate插件实现我需要的错误检查的效果