jquery 验证数值大小

Posted 2023-03-13

有TextBox tbA、tbB两个
在都有值的情况下用jQuery.validate()验证
tbA数值小于tbB数值
都是数值，比大小
用jQuery.validate.js 怎么比大小呢

个人感觉jquery.validate里面并没有进行这方面的设置，倒是有2个变量进行数值比较不过一个是equalTO（等值比较）一个是range（数值范围比较）。如果非要进行比较的话可以在它的扩展方法（additional-methods）里面写一个新方法大体上可能的写法是
jQuery.validator.addMethod("TextBox1", function(value, element)
var tel > /tbB/;
return tel.test(value) || this.optional(element);
, "请输入比tbB大的数值");
其他的方法可能就不知道了！其实我感觉jQuery.validate最大的用处还是在进行注册的时候验证！
（上面的只是自己对validate方面进行的理解，可能有些不对的地方。有的话指出来我们大家一起讨论下吧！）
PS：jquery.validationEngine.js比validate强大一点 它有个TIP功能。配置上看下吧！ 参考技术A 简单实现代码如下：
$("#rewardForm").validate(
rules:
"reward":
required: true,
digits:true,
balance:true,
checkBalance:true

, messages:
"reward":
digits:" * 请填写正确的转账金额（应为数字）",
required:" * 请输入转账金额 "


);

jQuery.validator.addMethod("balance", function(value,element)
var sumreward=$("#sumreward").val();
return this.optional(element) || value<= sumreward;
, $.validator.format(" * 余额不足 "));

jQuery.validator.addMethod("checkBalance", function(value,element)
var balance=0;
return this.optional(element) || value>balance;
, $.validator.format(" * 转账金额必须大于0 ")); 参考技术B 个人感觉jquery.validate里面并没有进行这方面的设置，倒是有2个变量进行数值比较不过一个是equalTO（等值比较）一个是range（数值范围比较）。如果非要进行比较的话可以在它的扩展方法（additional-methods）里面写一个新方法大体上可能的写法是
jQuery.validator.addMethod("TextBox1", function(value, element)
var tel > /tbB/;
return tel.test(value) || this.optional(element);
, "请输入比tbB大的数值");
其他的方法可能就不知道了！其实我感觉jQuery.validate最大的用处还是在进行注册的时候验证！
（上面的只是自己对validate方面进行的理解，可能有些不对的地方。有的话指出来我们大家一起讨论下吧！）
PS：jquery.validationEngine.js比validate强大一点 它有个TIP功能。配置上看下吧！

jquery实现上传图片及图片大小验证图片预览效果代码

jquery实现上传图片及图片大小验证、图片预览效果代码

jquery实现上传图片及图片大小验证、图片预览效果代码

上传图片验证

*/

    function submit_upload_picture(){
     var file = $(\'file_c\').value;
     if(!/.(gif|jpg|jpeg|png|gif|jpg|png)$/.test(file)){
            alert("图片类型必须是.gif,jpeg,jpg,png中的一种")
        }else{
      $(\'both_form\').action="file!upload.action";
      $(\'both_form\').submit();
      $(\'insert_img\').sethtml(\'<img src="http://images.anjiwu.com/images/loading.gif"/>\');
      $(\'display_div\').setstyle(\'display\', \'block\');
      $(\'upload_div\').setstyle(\'display\', \'none\');
     }
    }

图片类型与大小的验证

//实例二

    function validate_edit_logo(a){
     var file = $(\'file\').value;
     if(!/.(gif|jpg|jpeg|png|gif|jpg|png)$/.test(file)){
            alert("图片类型必须是.gif,jpeg,jpg,png中的一种")
            if(a==1){
             return false;
            }
        }else{
         var image = new image();
         image.src = file;
         var height = image.height;
         var width = image.width;
         var filesize = image.filesize;
         $(\'beforeend\').src=file;
         $(\'div_regi_right\').setstyle(\'display\', \'block\');
         if(width>80 && height>80 && filesize>102400){
          alert(\'请上传80*80像素 或者大小小于100k的图片\');
          if(a==1){
           return false;
          }
         }
         if(a==1){
          return true;
         }
     }
    }

图片预览

//实例三

    function viewimg(index) {
     var name = \'uploadimg\' + index;
     var imgup = $(name);
     var imgpath = getpath(imgup);
     var   local   =   imgup.value;
     var   point   =   local.lastindexof(".");
     //判断上传文件大小
     var img   =   document.createelement("img");    
     img.src   =   local;
     var filesize = img.filesize;
     img.onload = function(){filesize=this.filesize;}
     if(img.filesize>5242880){ 
      alert("图片文件过大！");
      return   false;
     }
     
     //判断是否是图片格式
     var imgname = imgup.value.substring(imgup.value.lastindexof("."), imgup.value.length);
     imgname = imgname.tolowercase();
     if ((imgname != ".jpg") && (imgname != ".gif") &&(imgname != ".jpeg") && (imgname != ".png") && (imgname!= ".bmp")) {
      alert("u8bf7u9009u62e9u56feu7247u6587u4ef6uff0cu8c22u8c22!");
      imgup.focus();
      //清空file里面的值www.3ppt.com
      imgup.select();
      document.selection.clear();
     } else {
     //显示图片
      document.getelementbyid("sig_preview"+index).innerhtml = "<imgsrc=\'" + imgpath + "\' border=0 width=200 height=150><imgsrc=\'images/u51.png\' width=\'16\' height=\'14\' onclick=\'delimage(" + index+ ");\' />";
     }
     if (index >=3){
      var cnt = index + 1;
      $("img" + cnt).style.display = "";
     }
    }