Question

我选择了表格：

border-box

如果用户按下“发布”但我没有选择主题

，我想设置警告标签

编辑 - 感谢maihan的回答，我可以解决它：

<form method="post" name="posting_txt" onSubmit="return blank_post_check();" id="post_txt">
        <select  style="background: transparent; border-bottom:5px;" name="subname" class="required">                           
            <option value="" > Choose subject </option> 
            <option value="aaa" > AAA </option>     
            <option value="bbb" > BBB </option>
        </select> 
    <input type="submit" value="post" name="txt" class="btn" id="post_button" onClick="time_get()">
</form>

Answer 1

将逻辑放在time_get()函数中。

if(document.getElementsByTagName(select).value ==''){
      alert("Select an option")
}

Answer 2

您可以在表单上添加事件处理程序，以防止在select没有值时提交它，然后显示警告或添加/取消隐藏警告<label>。

$('form#post_txt').submit(function(event){
    var subname = $('select[name="subname"]').val()
    if(subname === null || subname === "") {
        event.preventDefault();
        //warn user
    }
});

我还建议在第一个选择选项中添加selected="selected"作为属性，以便从头开始选择，而不是空白选择。

Answer 3

Maihan的答案很棒，但只是为了改进，我会使'Choose Subject'的值，'NULL'然后使用if语句进行验证

<form method="post" name="posting_txt" onSubmit="return blank_post_check();" id="post_txt">
    <select  style="background: transparent; border-bottom:5px;" name="subname" class="required">                           
        <option value=NULL > Choose subject </option> 
        <option value="aaa" > AAA </option>     
        <option value="bbb" > BBB </option>
    </select> 
<input type="submit" value="post" name="txt" class="btn" id="post_button" onClick="time_get()">

然后...... js ......

function time_get(){
   if(document.getElementByClassName(required) != NULL){
      //do whatever
   }else{alert('select an option')}
}

如何验证用户以选择的形式选择

3 个答案: