js验证

最新推荐文章于 2024-07-18 18:51:11 发布
最新推荐文章于 2024-07-18 18:51:11 发布
阅读量485 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/flanet/article/details/8350041 
<@p.form action="save.aj" refreshId="list-page" class="ajaxfrm" method="post" stopRefresh=false id="queryForm">
<div class="div-kuang">
  <table width="760" border="0" cellpadding="0" cellspacing="5">
    <tr>
      <td colspan="3"><input name="button" type="button" class="input-m" id="button" value="添加商品" onClick="show();"></td>
    </tr>
    <tr>
      <td width="49">类型：</td>
      <td width="110"><label for="select4"></label>
        <select name="applyTyp" class="input-m" id="applyTyp" οnchange="changeSel();">
        <option value="1" selected=true>转仓</option>
        <option value="2" >退仓</option>
      </select></td>
      <td colspan="3"> </td>
    </tr>
    <tr class="tc">
      <td height="46" colspan="2">转出仓储公司及仓库</td>
      <td width="109"><label for="select"></label>
        <input type="hidden" id="fromCompanyName" name="fromCompanyName"/>
        <select name="fromCompanyId" class="input-m" id="fromCompanyId">
      </select></td>
      <td width="105">
      <input type="hidden" id="fromWhId" name="fromWhId"/>
      <select name="fromWhName" class="input-m" id="fromWhName" >
      </select></td>
    </tr>
    <tr class="tc">
      <td colspan="5"> </td>
    </tr>
    <tr class="tc">
      <td colspan="2">转入仓储公司及仓库</td>
      <td width="109"><label for="select"></label>
        <input type="hidden" id="toCompanyName" name="toCompanyName"/>
        <select name="toCompanyId" class="input-m" id="toCompanyId">
      </select></td>
      <td width="105">
       <input type="hidden" id="whName" name="toWhName" />
      <select name="toWhId" class="input-m" id="toWhId"  >
      </select></td>
    </tr>

    <tr class="zc">
      <td height="46" colspan="2">转出仓储公司及仓库</td>
      <td width="109"><label for="select"></label>
        <select name="select" class="input-m" id="tcCompany">
      </select></td>
      <td width="105"><select name="select2" class="input-m" id="tcHome">
      </select></td>
       
    </tr>
     <tr class="zc">
      <td colspan="2" rowspan="2">配送方式：</td>
      <td><input type="radio" name="dlvWay" id="radio" value="1" checked />
      <label for="radio">自有配送</label></td>
      <td><label for="textfield"></label>
      <input name="number" type="text" class="input-m" id="number1"/></td>
      <td> </td>
    </tr>
     <tr class="zc">
      <td><input type="radio" name="dlvWay" id="radio2" value="2" />
      <label for="radio2">快递</label></td>
      <td><input name="number" type="text" class="input-m" id="number2"/></td>
      <td> </td>
    </tr>
 
  </table>
      <table width="740" border="1" cellspacing="0" cellpadding="0" id="tableObj">
          <tbody>
            <tr>
                <td bgcolor="#EBEBEB">商品SKU</td>
                <td bgcolor="#EBEBEB">商品名称</td>
                <td bgcolor="#EBEBEB">数量</td>
                <td bgcolor="#EBEBEB">报警时间</td>
                <td bgcolor="#EBEBEB">删除商品</td>
            </tr>
          </tbody>
      </table>      
</table>
  <table width="760" border="0" cellspacing="10" cellpadding="0">
    <tr>
    <td align="center"><input type="button" name="button3" id="button3" value="保存" οnclick="javascript:save();"/>
      <input type="button" name="button2" id="button2" value="取消" οnclick="javascript:back()" /></td>
  </tr>
</table>
</div>
</@p.form >
 
  <script>
        <#--返回到主页-->
        function back(){
             window.location.href="index_list.j";
        } 
        <#--保存验证-->
        function  save(){
              //类型：1:转仓 2:退仓
              var applyTyp=$('#applyTyp').find("option:selected").val();
              var jsonArray=new Array();
              if(applyTyp==1){
                  var ctcCompanyValue=$('#fromCompanyId').find("option:selected").val();
                  var ctcCompanyText=$('#fromCompanyId').find("option:selected").text();
                  var ctcHomeValue=$('#fromWhId').find("option:selected").val();
                  var ctcHomeText=$('#fromWhId').find("option:selected").text();
                  var ltcCompanyValue=$('#toCompanyId').find("option:selected").val();
                  var ltcCompanyText=$('#toCompanyId').find("option:selected").text();
                  var ltcHomeValue=$('#toWhId').find("option:selected").val();
                  var ltcHomeText=$('#toWhId').find("option:selected").text();
                  jsonArray[0]=applyTyp;
                  jsonArray[1]=ctcCompanyValue;
                  jsonArray[2]=ctcCompanyText;
                  jsonArray[3]=ctcHomeValue;
                  jsonArray[4]=ctcHomeText;
                  jsonArray[5]=ltcCompanyValue;
                  jsonArray[6]=ltcCompanyText;
                  jsonArray[7]=ltcHomeValue;
                  jsonArray[8]=ltcHomeText
                   //转仓和入仓不能相同
                  if(ctcCompanyValue==ltcCompanyValue){
                        if(ctcHomeValue==ltcHomeValue){
                            alert("相同仓储公司转仓与入仓仓库不能相同！");
                            return;
                        }
                  }
              }else{
                  var tcCompanyValue=$('#tcCompany').find("option:selected").val();
                  var tcCompanyText=$('#tcCompany').find("option:selected").text();
                  var tcHomeValue=$('#tcHome').find("option:selected").val();
                  var tcHomeText=$('#tcHome').find("option:selected").text();  
                  //配送方式 1:自有配送 2:快递
                  // 车牌号/单号（由配送方式决定）  
                  var dlvWay=$('input:radio[name="dlvWay"]:checked').val(); 
                  var number;
                  //非空判断
                   if(dlvWay==1){
                        number=$('#number1').val();
                        if(null==number||number==""){
                            alert("请填写自有配送内容！");
                            return;
                        }  
                      }else{
                        number=$('#number2').val();
                        if(null==number||number==""){
                            alert("请填写快递内容！");
                            return;
                        }
                  }
                  jsonArray[0]=applyTyp;
                  jsonArray[1]=tcCompanyValue;
                  jsonArray[2]=tcCompanyText;
                  jsonArray[3]=tcHomeValue;
                  jsonArray[4]=tcHomeText;
                  jsonArray[5]=tcCompanyValue;
                  jsonArray[6]=dlvWay;
                  jsonArray[7]=number;
              }
             if($("#tableObj").find("tr").length<=1){
                    alert("请选择商品！");
                    return;
              }
              
              //提交保存
              //得到列表中的数据
             var strData=tostrings();
              $.ajax({cache: false,   
                        url: "save.aj",
                        type:"post",
                        data: {
                            "applyTyp":applyTyp,
                            "jsonArray":jsonArray,
                            "strData":strData
                         },
                        success: function(data) {
                              alert(data);
                              console.log(data);
                              window.location.href="index_list.j";
                        },
                        error: function(data) {
                          alert("保存错误！"+ data);
                          console.log(data);
                          window.location.href="index_list.j";
                      }
                });
         
                
        }
        
        <#--拼接字符数组-->
        function tostrings(){
            var strs="";
            $("#table1").find(".storenext").each(function(){
                strs+=$(this).val() + ",";
            });
            strs = strs.substr(0,strs.length-1);
            return strs;
        }
        
        
        <#--动态删除商品行-->
        var clicktimes = $("#table1").find("tr").length;
        $("#table1").find(".dela").each(function(){
            $(this).click(function(e){
                e.preventDefault();
                clicktimes--;
                if(clicktimes>2){
                   $(this).parent("td").parent("tr").remove();
                   tostrings(); 
                }else{
                    alert("不能删除所有的调拨商品！");
                    return;
                }            
            });
        });
    
        <#--初始化隐藏  div 不能在table里-->
        $(document).ready(function(){
               $(".zc").hide();
          }); 
      
       <#--改变调拨类型画面-->
        function changeSel(){
             if($('#applyTyp').find("option:selected").val()==1){
                   $(".zc").hide(); 
                   $(".tc").show();
             }else{
                 $(".tc").hide(); 
                   $(".zc").show(); 
             }
        }  
      <#--加载仓储公司-->
          $(function(){
            $.ajax({
                type:"get",
                dataType:"JSON",
                url:"queryAllWarehouse.aj",
                success:function(data){
                    var result = $.parseJSON(data.value);
                    var str1='';
                    var str2="";
                    $.each(result,function(key, val){
                        str1 += '<option value="'+val[0].companyId+'">'+val[0].companyName+'</option>';
                    });
                    $("#fromCompanyId").empty();
                    $("#fromCompanyId").append(str1);
                    $("#toCompanyId").empty();
                    $("#toCompanyId").append(str1);
                    $("#tcCompany").empty();
                    $("#tcCompany").append(str1);
                    var selectedval = $("#fromCompanyId option:selected").text();
                    var selectedval = $("#toCompanyId option:selected").text();
                    var dqdata = result[selectedval];
                    if (typeof(dqdata) != "undefined") {
                        $.each(dqdata,function(dqkey,dqval){
                               str2 += '<option value="'+dqval.whId+'">' + dqval.whName + '</option>';
                        });
                        $("#fromWhId").empty();
                        $("#fromWhId").append(str2);
                        $("#toWhId").empty();
                        $("#toWhId").append(str2);
                        $("#tcHome").empty();
                        $("#tcHome").append(str2);
                    }
                    $("#fromCompanyId").change(function(){
                        str2='';
                        var selectedval1 = $("#fromCompanyId option:selected").text();
                        var dqdata1 = result[selectedval1];
                        $.each(dqdata1,function(dqkey1, dqval1){
                            str2 += '<option value="'+dqval1.whId+'">' + dqval1.whName + '</option>';
                        });
                        $("#fromWhId").empty();
                        $("#fromWhId").append(str2);
                        str2="";
                    });
                    
                     $("#toCompanyId").change(function(){
                        str2='';
                        var selectedval1 = $("#toCompanyId option:selected").text();
                        var dqdata1 = result[selectedval1];
                        $.each(dqdata1,function(dqkey1, dqval1){
                            str2 += '<option value="'+dqval1.whId+'">' + dqval1.whName + '</option>';
                        });
                        $("#toWhId").empty();
                        $("#toWhId").append(str2);
                        str2="";
                    });
                     $("#tcCompany").change(function(){
                        str2='';
                        var selectedval1 = $("#tcCompany option:selected").text();
                        var dqdata1 = result[selectedval1];
                        $.each(dqdata1,function(dqkey1, dqval1){
                            str2 += '<option value="'+dqval1.whId+'">' + dqval1.whName + '</option>';
                        });
                        $("#tcHome").empty();
                        $("#tcHome").append(str2);
                        str2="";
                    });
                }
            });
    }); 
    
    //选择商品
    function   show()  
    {  
    var a=window.showModalDialog('initproduct.aj',"pwin",'dialogWidth:780px;dialogHeight:360px;help:no;center:yes;resizable:no;scroll:no');
    var arr=new Array();//商品信息(sku,名称 ,数量 ,报警时间  )
    for(var i=0;i<a.length;i++){
       arr=a[i].split(',');//注split可以用字符或字符串分割
       var vTr= "<tr>";
       for(var j=0;j<arr.length;j++)
        {
             if(j==2){
                vTr=vTr+"<td><input type='hidden' value="+arr[j]+" name="stoInfoPoList["+i+"]."+arr[j]+"/><input type='text' value="+arr[j]+" /></td>";
             }else{
               vTr=vTr+"<td><input type='hidden' value="+arr[j]+" name="stoInfoPoList["+i+"]."+arr[j]+"/>"+arr[j]+"</td>";
             }
        }
        vTr=vTr+"<td><input type='button' value='删除' class='dela' onClick='javascript:deletetr(this);'/></td>";
        vTr=vTr+"</tr>";
       $("#tableObj").append(vTr);
     }
     App.colorbox.resize();
    } 
    //删除商品
    function deletetr(obj){
         $(obj).parent("td").parent("tr").remove();
         App.colorbox.resize();
    }
    
    //提交保存
   
   
</script>

如何用JavaScript验证身份证号码？
祈澈菇凉
03-26 473
验证身份证号码时，可以使用 JavaScript 进行格式检查和校验位的计算。以下是一个基本的验证身份证号码的示例，包括中国身份证号码的18位和15位格式的验证。
JavaScript 验证密码格式
Z_ammo的博客
12-06 1994
先写一个比较全的示例，要求密码包括大小写字母，数字和特殊字符，允许有空格，8位以上： let password = 'ABCabc123 %&*'; let reg = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*?[#?!@$%^&*-]).{8,}$/; console.log(reg.test(password)); // true ...
table中cellspacing和cellpadding的区别
springlan的博客
05-30 1001
cellspacing：(作用于table)，表格中单个单元格之间的距离 cellpadding：(作用于table)设置单元格的内边距，相当于使用padding <table border='1px' cellspacing="5px" cellpadding="0"> <tr> <td style='width:100px;padding-left: 100px;'>你好</td> <td>这是&l
用JavaScript验证表单
最新发布
bll1355的博客
07-18 537
4、enctype，定义了在提交表单时使用的内容类型。7、id，通过id属性，‌可以方便地使用JavaScript或其他前端框架来获取该输入框元素，‌并对其进行各种操作，‌如修改样式、‌获取或设置输入框的值等；6、name，为文本框提供唯一的名称，这个名称在表单提交后被服务器用来识别和处理特定的表单字段数据，只有加了name属性的标签元素才会提交到服务器；1、action，指定了用户提交的目标URL，即用户所填写的信息都被提交到此URL；3、name，定义了表单的名称，在多表单时可以起到标示表单的作用；
JavaScript验证一张图片链接是否有效（JS验证图片链接是否有效）
Yongqiang Chen的博客
02-28 1756
JavaScript验证一张图片链接是否有效（JS验证图片链接是否有效）
js登陆验证
2301_81449444的博客
07-13 802
当开始制作网页时，就需要做一个判断，不管在第几页进入，都要加一个登陆验证，只有用户有账号，才能进入网页，浏览网页信息。下面就来看一下，使用JavaScript几行代码实现登陆验证。首先 登录页是index.html命名的。然后再登陆成功时存储一个值，值为用户的id。然后在其他页面取值，判断是否有用户id，没有则直接跳转到登录页进行跳转。
JavaScript表单验证表单验证
zzb_lly的博客
04-20 1135
表单验证是JavaScript的高级选项之一.我们可以通过JavaScript在网页中对即将送往服务器的HTML表单中的输入数据进行验证.如果所输入内容与所需不符,我们就在页面中进行提示.这样就使得我们不用频繁的与服务器进行交互,减少了频率,提高了效率.在验证用户名与密码时,我们通常验证用户名与密码不能为空,用户名和密码必须在指定长度范围内,用户名和密码由数字和字母组成(使用正则表达式)等等。验证邮箱时是否为邮箱格式，是否添加@与符合标准的后缀名等。· 验证用户名与密码为指定格式。· 验证单选框所选内容。
JavaScript 验证 API
smarten57的博客
05-27 1546
3. **第三方验证库（Third-party Validation Libraries）**：除了使用原生JavaScript验证API，你还可以使用第三方的验证库来简化验证操作。2. **表单验证（Form Validation）**：对于表单验证，JavaScript提供了一些内置的方法和属性来访问表单元素以及验证其值。1. **正则表达式（Regular Expressions）**：正则表达式是一种强大的验证工具，用于匹配和验证字符串。根据你的具体需求，你可以选择适合的方法来验证用户输入的数据。
js验证表单用户名，密码
木子李
09-24 3077
当表单用户名、密码等各项内容符合格式时，表单提交成功，否则表单验证不通过，提交失败。废话不多说，上码，效果图最后。
js验证复杂密码
weixin_45966674的博客
07-26 770
本方法验证用户密码必须包含一个或一个以上大小字母一个或一个以上大写字母一个或一个以上数字且不能少于8位。这里放弃了特殊符号的校验因为我们开发的系统大部分密码中不支持有特殊符号会导致后端不好加密解析。...
JS验证
03-01
Validator.chm文件是一个Windows帮助文档，可能包含了关于JavaScript验证的详细指南或API参考。通常，CHM文件是由多个HTML页面组成，可以方便地搜索和查看特定主题。这个文件可能涵盖了各种验证方法、函数、类或者...
js验证手机号码
08-31
在JavaScript（简称js）中，验证手机号码是一个常见的需求，特别是在网页表单验证或移动应用中。手机号码的验证主要是为了确保用户输入的数据格式正确，符合中国的手机号码规范。中国的手机号码通常由11位数字组成，...
JavaScript验证Email(3种方法)
11-24
今天为大家推荐三种JavaScript验证Email方法，希望对大家的学习有所帮助。  第一种：javascript验证邮箱格式 [removed] function isEmail(strEmail) { if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+...
js javaScript 验证校验小工具包
02-25
这个"js javaScript 验证校验小工具包"显然是一个集合了各种JavaScript验证和校验功能的资源库，旨在帮助开发者更方便地处理表单验证、数据格式检查等常见任务。 在前端开发中，验证和校验通常涉及以下几个方面： ...
js验证错误信息.rar
06-17
在JavaScript（JS）中，验证错误信息是网页前端开发中不可或缺的部分。这通常涉及到用户输入数据的检查，确保数据的有效性和安全性。"js验证错误信息.rar" 包含的资源显然是一个封装了验证功能的JS类，适用于文本框...
js 使下拉回显
01-26 3815
仓储公司： ${delivOrderInfoPo.companyName!} 仓库： ${delivOrderInfoPo.whName!} 日期： ${revMonth!} 库房类型： 全部
Javascript 命令参数 external 的几个用法
08-14 3405
Window.external 就如同 print 参数一样，是 IE 默认的一个命令参数，我们最常用的用法是 ： (1)、external.AddDesktopComponent：把某一个网页变成用户的桌面。如果你知道有壁纸网站的话 ，不访用这个功能，直接就能让浏览者把喜欢的图片、页面变成自己的桌面。如果页面里有 Flash 动画 那就更酷了。 function wall
js特效
05-19 2920
我的招聘网 //关闭图片 function close1(){ document.getElementById("clod").style.display="none"; document.getElementById("mscroll").style.display="none"; } //使图片与滚动条一起滚动 function getInitTop(){ initTop=doc
js 增加行 和删除行
12-10 2281
function delTr(tableId) { //得到一个表格对象 var table1 = $('#'+tableId); //表格的行数 var trSize = $('#'+tableId+' tr').size(); if(trSize>1){ var lastTr = $('#'+tableId+" tr:last"); lastTr.remove(); }e
JSValidation：新一代JavaScript验证框架
JavaScript验证框架，顾名思义，是用来对用户输入的数据进行验证的工具。这类框架能够帮助开发者轻松地实现客户端表单验证，提高用户界面的友好性和数据的准确性。标题中提到的"jsvalidation-1_0b4"暗示这可能是一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值