Question

我正在尝试创建一个函数，当特定数量的整数（例如电话号码）输入到文本字段中时，会显示隐藏的表单，并且初始文本字段和表单都会重新定位。

有关如何实现这一目标的任何可用示例？

由于

Answer 1

快速示例

HMTL

<input type="text" id="textfield"/>
<div id="hidden_container">
I'm in a hidden container
</div>

CSS

#hidden_container{
  display:none;
}

的JavaScript

$('#textfield').on('input', function(){
  if($('#textfield').val().length > 2){
    $('#hidden_container').show();
  }
  else{
    $('#hidden_container').hide();
  }
});

A CodePen Sandbox

Answer 2

  $(document).ready(function () {
        $(".input1").keyup(function (e) {
            var szdata = $(this).val();
            var patt = /^[0-9]{4}-[0-9]{3}-[0-9]{4}$/g; //"1234-456-8888"
            var result = patt.test(szdata);
            if (result == true) {
                $('#form_test').css('display', "")
            }

            else {
                $('#form_test').css('display', "none")
            }
        });
    });





 <input type="text" class="input1"/>
  <form id="form_test" style="display:none">
     name: <input  type="text"/>
  </form>

在文本字段中输入特定数量的整数/字符时显示隐藏表单

2 个答案: