Fatal编程技术网
  • javascript/
  • Javascript Jquery发送到手机单击链接以填充小键盘表单中的文本字段

Javascript Jquery发送到手机单击链接以填充小键盘表单中的文本字段

javascript jquery

Javascript Jquery发送到手机单击链接以填充小键盘表单中的文本字段,javascript,jquery,phone-number,keypad,Javascript,Jquery,Phone Number,Keypad,我似乎无法理解这一点 我有一个模式键盘，将提交到一个php表单，将发送一封电子邮件短信与有关网站的信息 我希望人们能够点击键盘，将值插入文本字段区域。类似于使用手机 我的HTML： <script src="http://www.busetopizza.com/demo/phone.js" type="text/javascript"></script> <!-- Send To Phone --> <form action="phpmailer.ph

我似乎无法理解这一点

我有一个模式键盘，将提交到一个php表单，将发送一封电子邮件短信与有关网站的信息

我希望人们能够点击键盘，将值插入文本字段区域。类似于使用手机

我的HTML：

<script src="http://www.busetopizza.com/demo/phone.js" type="text/javascript"></script>

<!-- Send To Phone -->
<form action="phpmailer.php" method="post" name="theform">

<input type="hidden" name="redirect" value="message_success.php">

<div class="send-to-phone-wrapper">
    <div class="send-to-phone">

        <div class="phone-top">

        <input type="text" id="phone" name="10digit" class="phone-enter-number" placeholder="Mobile Number"></div>



        <div class="buttons-wrapper">
            <div class="phone-button"><a href="#?stockAlert=1" class="coupon_link"><p>1<br /><span></span></p></a></div>
            <div class="phone-button"><a href="#?stockAlert=2" class="coupon_link"><p>2<br /><span>ABC</span></p></a></div>
            <div class="phone-button"><a href="#"><p>3<br /><span>DEF</span></p></a></div>
            <div class="phone-button"><a href="#"><p>4<br /><span>GHI</span></p></a></div>
            <div class="phone-button"><a href="#"><p>5<br /><span>JKL</span></p></a></div>
            <div class="phone-button"><a href="#"><p>6<br /><span>MNO</span></p></a></div>
            <div class="phone-button"><a href="#"><p>7<br /><span>PQR</span></p></a></div>
            <div class="phone-button"><a href="#"><p>8<br /><span>STU</span></p></a></div>
            <div class="phone-button"><a href="#"><p>9<br /><span>VXZ</span></p></a></div>
            <div class="phone-button-fix"><div class="phone-star"></div></div>
            <div class="phone-button"><a href="#"><p>0<br /><span style="font-size:23px; font-weight:100;">+</span></p></a></div>
            <div class="phone-button-fix"><div class="phone-pound"></div></div>
        </div>

        <div class="choose-carrier-wrapper">

            <div class="choose-carrier">
            <select name="carrier" class="choose-carrier-selections">
                <option value="none" class="choose-styled"></option>
                <option value="att" class="choose-styled">AT&amp;T</option>
                <option value="alltel" class="choose-styled">Alltel</option>
                <option value="cingular" class="choose-styled">Cingular</option>
                <option value="nextel" class="choose-styled">Nextel</option>
                <option value="sprint" class="choose-styled">Sprint</option>
                <option value="suncom" class="choose-styled">SunCom</option>
                <option value="tmobile" class="choose-styled">T-mobile</option>
                <option value="voicestream" class="choose-styled">VoiceStream</option>
                <option value="verizon" class="choose-styled">Verizon</option>
            </select>          
            </div>

               <div class="phone-submit"><input type="submit" value="" name="submit" class="submit-phone"></div>

        </div>


    </div>
</div>
</form>
<!-- End Send To Phone -->
我创造了一把小提琴

我已经尝试了很多次随机在线脚本。我可以从一个链接中获取输入到表单中的值，但是所有脚本都会用我输入的其他值替换表单。所以如果我输入516，我的最终结果是6。。我需要它来继续填充表单

有什么帮助吗？

以下是将数字放入输入的代码：


var i = 0;
        var num = [];
        $(".buttons-wrapper a").click(function(e) {
            e.preventDefault();
            if($(this).attr("href") == "clear") {
                num = [];
                $("#phone").val(num);
                i=0;
            }
            else if($(this).attr("href") == "delete") {
                i--;
                var str = $("#phone").val();
                console.log(str);
                if(num.length == 3) {
                    str = str.substring(0, str.length-3).substring(1, str.length);
                }
                else if(num.length == 6) {
                    str = str.substring(0, str.length-2);
                }
                else {
                    str = str.substring(0, str.length-1);
                }
                $("#phone").val(str);
                num.splice(i, 1);
            }
            else {
                if(num.length <= 9) {
                    num[i] = $(this).attr("href");
                    if(num.length == 3) {
                        $("#phone").val("("+$("#phone").val()+num[i]+")-");
                    }
                    else if(num.length == 6) {
                        $("#phone").val($("#phone").val()+num[i]+"-");

                    }
                    else {
                        $("#phone").val($("#phone").val()+num[i]);
                    }
                    i++;
                }
            }
        });


var i=0；
var num=[]；
$（“.buttons包装器a”）。单击（函数（e）{
e、 预防默认值（）；
if（$（this.attr（“href”）=“清除”）{
num=[]；
$（“#电话”）.val（num）；
i=0；
}
else if（$（this.attr（“href”）=“删除”）{
我--；
var str=$（“#phone”）.val（）；
console.log（str）；
如果（num.length==3）{
str=str.substring（0，str.length-3）。substring（1，str.length）；
}
else if（num.length==6）{
str=str.substring（0，str.length-2）；
}
否则{
str=str.substring（0，str.length-1）；
}
$（“#电话”）.val（str）；
接头数量（i，1）；
}
否则{

如果（num.length以下是将数字放入输入的代码：



var i = 0;
        var num = [];
        $(".buttons-wrapper a").click(function(e) {
            e.preventDefault();
            if($(this).attr("href") == "clear") {
                num = [];
                $("#phone").val(num);
                i=0;
            }
            else if($(this).attr("href") == "delete") {
                i--;
                var str = $("#phone").val();
                console.log(str);
                if(num.length == 3) {
                    str = str.substring(0, str.length-3).substring(1, str.length);
                }
                else if(num.length == 6) {
                    str = str.substring(0, str.length-2);
                }
                else {
                    str = str.substring(0, str.length-1);
                }
                $("#phone").val(str);
                num.splice(i, 1);
            }
            else {
                if(num.length <= 9) {
                    num[i] = $(this).attr("href");
                    if(num.length == 3) {
                        $("#phone").val("("+$("#phone").val()+num[i]+")-");
                    }
                    else if(num.length == 6) {
                        $("#phone").val($("#phone").val()+num[i]+"-");

                    }
                    else {
                        $("#phone").val($("#phone").val()+num[i]);
                    }
                    i++;
                }
            }
        });




var i=0；
var num=[]；
$（“.buttons包装器a”）。单击（函数（e）{
e、 预防默认值（）；
if（$（this.attr（“href”）=“清除”）{
num=[]；
$（“#电话”）.val（num）；
i=0；
}
else if（$（this.attr（“href”）=“删除”）{
我--；
var str=$（“#phone”）.val（）；
console.log（str）；
如果（num.length==3）{
str=str.substring（0，str.length-3）。substring（1，str.length）；
}
else if（num.length==6）{
str=str.substring（0，str.length-2）；
}
否则{
str=str.substring（0，str.length-1）；
}
$（“#电话”）.val（str）；
接头数量（i，1）；
}
否则{

如果（num.length花了一点时间试图弄明白这一点……像这样的东西是你想要的吗？是的，我的意思是这看起来是正确的……这是正确的方法吗？你没有使用HREF，而是使用数据编号……以前从未使用过它。这当然是一种方法。理论上，
标记及其
href
attr.更新了fiddle以显示带有
谢谢Andrew.的版本。我更新了我的jfiddle，因为你有令人讨厌的技能..你知道如何自动制作（）然后围绕区号..和-在第6个号码之后使其看起来像一个电话号码？花了一点时间试图弄明白这一点…像这样的东西是你正在寻找的吗？是的，我的意思是，这看起来是正确的..这是正确的方法吗？你没有使用HREF，但数据号码…以前从未使用过它当然是一种方法做吧。
标签和它们的
href
属性理论上也可以做同样的事情。更新了fiddle以显示带有
的版本，谢谢Andrew。.我更新了我的jfiddle，因为你有讨厌的技能。.你知道自动生成（）然后在区号周围..和-在第6个号码之后，使其看起来像电话号码？无论如何，给它一个最大长度为10个号码？maxlength表单不再适用于新代码…我不希望人们能够输入超过正确数量的号码numbers@MuhuPower您只需将其包装在允许n的
中即可只要数组只有10个条目，就可以输入数字。更新代码以反映这一点。谢谢…你有丰富的jquery信息..你在这里工作有报酬吗？哈哈，我还在开发这个应用程序，并且一直遇到麻烦..快完成了。如果你愿意，也许我可以让你更开心。看看我想要的新小提琴能够删除和清除表单..bc我禁用了按键，让人们使用模式输入详细信息..但是如果他们搞砸了，他们就无法在不刷新页面的情况下修复数字…有什么帮助吗？@MuhuPower这是因为我将选择器改进为
按钮包装器a
，而不是
按钮包装器a
>.在这里修复了它：不管怎样，给它一个最大长度为10个数字？maxlength表单不再适用于新代码…我不希望人们能够输入超过正确数量的数字numbers@MuhuPower您只需将其包装在允许输入数字的
if
中，只要数组只有10个条目代码来反映这一点。谢谢…你有丰富的jquery信息..你在这里工作得到报酬吗？哈哈，我还在开发这个应用程序，并且一直遇到麻烦..快完成了。如果你愿意的话，也许我可以让你更开心。看看我的新小提琴，我想能够删除和清除表单..bc我禁用了按键和制作人们使用模式输入详细信息。但是如果他们搞砸了，他们就无法在不刷新页面的情况下修复数字…请提供帮助？@MuhuPower这是因为我将选择器改进为
按钮包装器a
，而不是
按钮包装器a
。在这里修复了它：