Javascript 带有输入文本的单选按钮

Javascript 带有输入文本的单选按钮,javascript,button,input,text,radio,Javascript,Button,Input,Text,Radio,我正在创建一个表单,我有一个单选按钮,旁边有输入文本。选择单选按钮并提交表单而不在字段文本中写入任何内容后,如何显示字段文本留空的警报?有人能给我看一个Javascript的例子吗 功能验证(此表单){ if(!thisForm.this.value.length) { document.getElementById('this-error').innerHTML=“请至少选择一个选项!”; document.getElementById('this-error').style.display

我正在创建一个表单,我有一个单选按钮,旁边有输入文本。选择单选按钮并提交表单而不在字段文本中写入任何内容后,如何显示字段文本留空的警报?有人能给我看一个Javascript的例子吗

功能验证(此表单){
if(!thisForm.this.value.length)
{
document.getElementById('this-error').innerHTML=“请至少选择一个选项!”;
document.getElementById('this-error').style.display=“inline block”;
返回false;
}
返回true;
}
input[type=“submit”]{
填充:10px;
身高:继承;
背景颜色:紫色;
宽度:100%;
}

此应用程序适用于
新成员
如上文所列,向现有保单中添加受抚养人
升级现有计划
其他:
试试这个:

<input type="text" oninvalid="alert('You must fill out the form!');" required>

如果您使用的是JS,那么

function check() {
  if(document.getElementById("other").checked === true) {
    if(document.getElementById("other_reason").value === ""){
      alert('error')
    }
  }
}
您的HTML将类似于:

<input type="radio" name="reason" id="other" value="">Other <input type="text" id="other_reason" />

<button typr="submit" onclick="check()">Submit</button>
其他
提交

基本上,当您单击submit时,您会检查需要文本输入的单选按钮是否选中了
,如果选中了
true
,则会验证输入文本的值是否为空。

将您的
表单添加到问题详细信息中