Textarea必需的attribut在javascript中不起作用

Textarea required attribut does not work in javascript

本文关键字：javascript 不起作用 attribut Textarea      更新时间：2023-09-26

我使用Bootstrap模式对话框让我的客户向我建议他们的意见，&我想根据需要制作消息的Textarea，但它不起作用，你能看看并告诉我这里的错误在哪里吗：

HTML文件：

<ul class="nav navbar-nav">
    <li><button type="button" class="btn btn-link" id="suggestion">Please let us know if you have any suggestions to
            improve our service to you.</button>
    </li>
</ul>

Javascript文件：

<script>
        $('#suggestion').click(function () {

            BootstrapDialog.show({
                title: 'Suggestion Box',
                message: $('<textarea rows="10" class="form-control" id="suggested_message" placeholder="Please make your suggestions" maxlength="10" required></textarea>'),
                buttons: [{
                    label: 'Submit',
                    cssClass: 'btn-primary',
                    hotkey: 13, // Enter.
                    action: function(dialogRef) {
                        $.ajax({
                            type : "POST",
                            data : { 'message': $('#suggested-message').val()},
                            url : "{{ path('service_tool_suggest') }}",
                            success :
                                    BootstrapDialog.alert('Your message has been received, it will be considered as soon as possible')    
                    })
                        dialogRef.close()
                    }
                }]
            });
        })
</script>

在BootStrapDialog回调中，您可以测试文本区域是否为空

https://jsfiddle.net/9n7Ld0nk/

        //test value of text-area (TODO blank spaces, etc)
        if (suggestedMessageTextArea.value.length === 0) {
          BootstrapDialog.alert('empty area');
        } else {
          $.ajax({...});
        }
相关文章：