js 验证手机号,邮箱一类的东西,js定位html元素,浏览器滚到到html元素

原创于 2012-02-29 14:17:29 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #浏览器 #手机 #table #input #css

Javascript 同时被 3 个专栏收录

29 篇文章

订阅专栏

Jquery

13 篇文章

订阅专栏

DIV+CSS

6 篇文章

订阅专栏

本文介绍了使用JavaScript进行邮箱及手机号格式验证的方法，并提供了一种通过名称和索引定位HTML元素并滚动到该元素的实用函数。适用于前端开发人员提高网页交互体验。

邮箱:

if (!(/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test($.trim($(this).val())))) { alert('不正确');}

手机号:

 if (!(/^1[3|5|8][0-9]\d{4,8}$/.test($.trim($(this).val())))) { alert('不正确')}

js定位html元素,浏览器滚到到html元素:

elementType:table和input两种

elementClass:要定位的element的class

index:要定位的element的index

function locationElementByNameAndIndex(elementClass, index, elementType) {

    var $body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body');
    var $element;
    if (elementType == 'table') {
        $element = $('.' + elementClass + ':eq(' + index + ')');
    }
    else {
        $element = $(':' + elementType + '.' + elementClass + ':eq(' + index + ')');
    }

    $body.animate({ scrollTop: $element.offset().top - 100 }, 1000);

    $element.select();
    return false;
}