小编Kar*_*arl的帖子

假设这是布局:

<View style={styles.container}>
    <View style={styles.titleWrapper}>
        ...
        ...
    </View>
    <View style={styles.inputWrapper}>
        ...
        ...
    </View>

    <View style={styles.footer}>
        <TouchableOpacity>
            <View style={styles.nextBtn}>
                <Text style={styles.nextBtnText}>Next</Text>
            </View>
        </TouchableOpacity>
    </View>
</View>

我想用页脚样式制作视图,使其位于屏幕底部.我尝试将alignSelf属性赋予页脚,但不是定位在底部,而是将其定位到屏幕的右侧.如何让页脚项目坚持到底？谢谢.

我使用Spectrum作为颜色选择器的jquery插件,以便在contenteditable div中使用它.在chrome和firefox中它的工作完美.但是在Internet Explorer中它只是显示调色板,但是当我选择时什么也没有改变.

但是,如果我execCommand以这种方式直接执行它正在工作:

$('#btn-color_font').click(function() {
    document.execCommand('foreColor', false, "#ff0000");
});

我究竟做错了什么？请帮我在IE中如何使用它.谢谢.

的jsfiddle

片段html:

<li class="main-btn">
    <a href="#" id="btn-color_font" class="wysiwyg-color-spectrum-cF">cF</a>
</li>
<li class="main-btn" >
    <a href="#" id="btn-color_background" class="wysiwyg-color-spectrum-bF">cB</a>
</li>

片段js:

$(".wysiwyg-color-spectrum-cF").spectrum({
    showPaletteOnly: true,
    togglePaletteOnly: true,
    togglePaletteMoreText: 'more',
    togglePaletteLessText: 'less',
    color: 'blanchedalmond',
    change: function (color) {
        document.execCommand('foreColor', false, color.toHexString());
    },
    hideAfterPaletteSelect: true,
    palette: [
        ["#000", "#444", "#666", "#999", "#ccc", "#eee", "#f3f3f3", "#fff"],
        ["#f00", "#f90", "#ff0", "#0f0", "#0ff", "#00f", "#90f", "#f0f"],
        ["#f4cccc", "#fce5cd", "#fff2cc", "#d9ead3", "#d0e0e3", "#cfe2f3", "#d9d2e9", "#ead1dc"], …

在我的用户页面中,我使用ajax进行编辑.当我点击编辑时,它工作正常.但是当我提交表格时,它什么也没做.当我检查时,这是错误:

CSRF verification failed. Request aborted.

那么,我如何在我的javascript中放置{%csrf_token%}？请指教.谢谢.

edit.js:

function bookmark_edit() {
    var item = $(this).parent();
    var url = item.find(".title").attr("href");
    item.load("/save/?ajax&url=" + escape(url), null, function () {
        $("#save-form").submit(bookmark_save);
        });
    return false;
    }

$(document).ready(function () {
    $("ul.bookmarks .edit").click(bookmark_edit);
    });

function bookmark_save() {
    var item = $(this).parent();
    var data = {
        url: item.find("#id_url").val(),
        title: item.find("#id_title").val(),
        tags: item.find("#id_tags").val()
        };
    $.post("/save/?ajax", data, function (result) {
        if (result != "failure") {
        item.before($("li", result).get(0));
        item.remove();
        $("ul.bookmarks .edit").click(bookmark_edit);
        }
        else {
            alert("Failed to validate bookmark before saving.");
        } …

我有三个输入,分别是日,月和年.

<div id="birthday">
    <div>
        <label for="day">Day</label>
        <input type="number" id="day" placeholder="Day" name="day" ref="day" />
    </div>
    <div>
        <label for="month">Month</label>
        <input type="number" id="month" placeholder="Month" name="month" ref="month" />
    </div>
    <div>
        <label for="year">Year</label>
        <input type="number" id="year" placeholder="Year" name="year" ref="year" />
    </div>
    <span class="clear_both"></span>
</div>

我想通过以下方式验证日期:

1. 年

   • 年份应该有4个字符(即YYYY)
   • 年份应在1900年至今年之间.

2. 月

   • 月份应在1到12之间

3. 天

   • 如果年份是闰年,月份是2月(2月),那么日期应该在1到29之间
   • 如果年份不是闰年,则根据月份,日期应在1到31或1到30之间

我只能查看月份和年份:

let day = this.refs.day.value
let month = this.refs.month.value
let year = this.refs.year.value
let errors = []

if (!((year.length == 4) && (year > 1900 && year < 2016))) {
    errors.push("year");
} …

我有一个包含电子邮件输入的表单。

<form action="." method="post">
    <div id="email-wrapper">
        <input type="text" placeholder="Your email" name="email" ref="email" onChange={this.handleChange}/>
    </div>
    <span class="signup-error">Please provide a valid email.</span>
</form>
....
....
<button id="next-btn" onClick={this.saveAndContinue}>Next</button>

当按下按钮时，我使用简单的正则表达式进行验证以确认它是一个电子邮件地址，这工作正常。但是，如果我按 Enter ( key=13)，它会定向到另一个页面，这是我看到的错误：

无法发布 /

我以为这个脚本可以解决这个问题，但它没有：

handleChange = (event) => {
    event.preventDefault();
    var keyCode = event.keyCode || event.which;
    if (keyCode == '13'){
        console.log('enter pressed');
    }
}

这是怎么回事？如何防止在输入字段中按 Enter 键时发生重定向？请你帮助我好吗。谢谢你。

所以我有这个Picker组件,对于这些项目,我从服务器获取数据并在状态更改时映射它.

//api.js
var api = {
    getBooks() {
        var url = 'http://192.168.43.14:8080/api/books/'
        var headers = new Headers();
        headers.append('Accept', 'application/json');
        return fetch(url, headers)
            .then((res) => res.json())  
            .catch(function(err) {  
                console.log('Fetch Error :-S', err);
                throw Error(err);
            });
    }
}

//RegisterMobile.js
import api from '../utilities/api'

export default class RegisterMobile extends Component {
    constructor(props) {
        super(props)
        this.state = {
            books: [],
            book: '',
            mobile: '',
            displayError: false,
            error: 'Please provide a valid mobile number'
        }
    }

    componentWillMount() {
        api.getBooks().then((res) => {
            this.setState({
                books: res
            }) …

我有一个可编辑的内容<p>和一个提交类型的输入。因此，如果 中没有值<p>，我想显示默认文本（例如“添加评论...”）。如果 contenteditable 处于焦点，则删除默认文本。现在，如果 contenteditable 不在焦点上并且用户输入了一些文本，则让用户输入文本。但是，如果 contenteditable 不在焦点上并且没有值，则显示默认文本。我怎样才能在 css 或 javascript（没有 jquery）中做到这一点？

#add_comment {
    width: 100%;
    max-width: 720px;
    margin: 1px auto;
    background: white;
}

#divLeft {
    vertical-align: top;
    display:table-cell;
    width: 100%;
}

#add_comment #comment {
    display: block;
    padding: 10px;
    margin: 10px;
    outline: 1px solid lightgrey;
}

#divRight {
    display:table-cell;
    width: 120px;
    vertical-align: top;
}

#divRight #submit {
    background: #2ec76e;
    border: none;
    color: white;
    padding: 10px;
    margin-top: 10px;
    margin-right: 10px;
    border-radius: 3px;
  cursor: pointer;
}

<div id="add_comment"> …