消息关闭
    暂无新消息!

jquery面试题,怎么写?

问题作者 : 波板糖2017-08-02发布
下面是表单,要实现逻辑规律如下:(涉及最后三位数就行。前面的不管)
   例1:先在编号1里面输入20170000002 ,然后份数写上5,编号2自动显示成20170000006  (002+5-1,包括002,003,004,005,006)
   例2:先在编号1里面输入20170000011 ,然后份数写上1,编号2自动显示成20170000011
   例3:先在编号1里面输入20170000100 ,然后份数写上3,编号2自动显示成20170000102

5个回答

︿ 2

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
<meta name="format-detection" content="telephone=no,email=no" />
</head>
<body>
    <input  />
    <input  />
    <input  />
    <script>
        const [inputDom,numDom,showDom]=[...document.querySelectorAll('input')];
        const reg=/^\d+$/
        function fixNum(num){
            num+='';
            var arr=Array.from({length:3-num.length},()=>0);
            return arr.join('')+num;
        }
        inputDom.oninput=numDom.oninput=function(){
            const inputValue=inputDom.value,
                   numValue=numDom.value;
            if(!reg.test(inputValue) || !reg.test(numValue)){
                return false;
            }
            const len=inputValue.length;
            if(len != 11){
                return false;
            }
            const [fv,lv]=[inputValue.substring(0,len-3),inputValue.substring(len-3)];
            showDom.value=fv+fixNum(parseInt(lv,10)+parseInt(numValue,10)-1);
        }
    </script>
</body>
</html>
︿ 2
规律就是编号1是多少编号2就等于编号1加上份数减1?
 $("#no2").val($("#no1").val()+$("#count").val()-1);
︿ 0
是的。可以写详细点儿不?
html代码如下:

是的
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="Javascript/jquery-1.8.3.min.js"></script>
   
</head>
<body>
    <form id="form1" runat="server">
        <div>
            编号1:<input type="text" id="txt_start" /><br />
            份数:<input type="text" id="txt_num" /><br />
            编号2:<input type="text" id="txt_end" />
        </div>
    </form>
</body>
</html>