小编tim*_*ood的帖子

有人比我自己聪明一点能帮助我这个功能吗？其目的是验证表单中的文本输入,电话号码字段只接受0-9,短划线和点.HTML调用函数很好.

function validateFeedback() {
    var phone = document.getElementById("phone");
    var validNumber = "0123456789.-";
    for (i = 0; i < phone.length; i++); {
        if (validNumber.indexOf(phone.charAt(i)) == -1); {
            alert("You have entered an invalid phone number");
            return false;
        }
    }
    return true;
}

非常感谢您的帮助.

在我的 SCSS 中，我对不同类型的样式使用不同的部分。

例如

_buttons.scss

.btn {
    background:red;
}

@media only screen and (min-width: 768px) {
    .btn {
        font-size:10px;
    }
}

@media only screen and (min-width: 992px) {
    .btn {
        font-size:20px;
    }
}

_slideshow.scss

.slideshow {
    background:green;
}

@media only screen and (min-width: 768px) {
    .slideshow {
        font-size:12px;
    }
}

@media only screen and (min-width: 992px) {
    .slideshow {
        font-size:24px;
    }
}

屏幕.scss

@import "buttons";
@import "slideshow";

以这种方式使用部分可以更容易地在项目之间重用代码。例如，如果我有一个不需要幻灯片的项目，我可以省略_slideshow.scss。

这种方法的缺点是媒体查询位（例如@media only screen and）在最终的 CSS 中会重复多次，这会很快导致代码臃肿。

无论如何我可以保持我的部分原样，但告诉 scss 在输出中将它们组合在一起，所以所有 min-width: …

我有这个代码.

CSS

body {
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
}

.slidingDiv {
    height:300px;
    background-color: #99CCFF;
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #3399FF;
}

.show_hide {
    display:none; 
}

HTML

<a href="#" class="show_hide">Show/hide</a>
<br />
<div class="slidingDiv">
    Fill this space with really interesting content.
    <a href="#" class="show_hide">hide</a>
</div>

JS

$(document).ready(function(){
    $(".slidingDiv").hide();
    $(".show_hide").show();
    $('.show_hide').click(function(){
        $(".slidingDiv").slideToggle();
    });
});

有人告诉我是否有可能添加这个jquery函数,如果我点击它,同时显示/隐藏一个新的div,将类更改为标记并从另一个标记中删除另一个类？我该怎么做？

谢谢.