Question

任何人都可以看到为什么这不起作用，该元素很好。我认为请参阅下文，非常感谢您的帮助。谢谢。

//check for key press and check for errors in form fields
$(document).ready(function() {
  $(document).keyup(checksub);
});
//checks for errors in forms on submit - callled from checkerrors.
function checksub() {
  checkphone();
}



function checkphone() {


  var phone = $("#phonevalue").val();
  var phoneReg = /^[0-9][0-9 \r\n]{10,11}$/;


  if (!phoneReg.test(phone)) {
    localStorage.setItem('error', 'true');
    event.preventDefault(); //ERROR THROWN HERE

    $("#phonefooter").text("11-12 Numbers Please!"), $("#phonevalue").addClass("errorclass"), $("#phonevalue").removeClass("noerrorclass"), $('#phonefooter').css('color', 'red'), $("phonefooter").get(0).scrollIntoView();
  }

  if (phoneReg.test(phone)) {
    localStorage.setItem('error', 'false');

    $("#phonefooter").text("phone Number Is Good, Thanks!"), $("#phonevalue").addClass("noerrorclass"), $("#phonevalue").removeClass("errorclass"), $('#phonefooter').css('color', '#4caf50');
  }

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class='container'>

  <div class='listtitle' title='Enter The Sellers Phone Number'>Phone Number<br>
    <h5>Enter Sellers Mobile or Phone Number</h5>
  </div>


  <input type='numbers' pattern=".{10,13}" min="10" max="13" class='text' name='phone1' id='phonevalue' style='min-width:260px; max-width:300px;' value='<?php echo $phone1; ?>' required>

  <div id='phonefooter' class='phonefooter'>Max Numbers: 20</div>


</div>

抛出的错误是

未捕获的TypeError：无法读取未定义的属性'scrollIntoView'

关于为什么的任何想法？

再次感谢。

Answer 1

> This < is not the solution - far from it - it was just a dot.

$（“ phonefooter”）。get（0）.scrollIntoView（）;

有一个名为get的Ajax函数，该函数从页面请求服务器，但是当与数字一起使用时，它就像DOM上下文的索引。

有一个名为jQuery.scrollintoview（）的npm插件（全部小写），然后有HTML DOM函数scrollIntoView（）。您需要安装一个，另一个已经安装。

jQuery scrollintoview无法正常工作错误-属性未定义

1 个答案: