javascript - 使用 javascript/jquery 强制输入文本字段

Question

我有一个带有一些输入字段的学生表单。应输入姓名、年龄等详细信息。如果学生年龄小于 18 岁，则需要强制输入家长详细信息。

所以在这种情况下，我正在检查学生的年龄。如果年龄小于 18 岁，我会将焦点转移到父文本字段。

这里真正的技巧是我不希望该字段为空。因此，在输入值之前，焦点应该位于父文本字段上并且不能更改。

如何实现这一目标？

<label for="name">Name</label>
<input id="name" type="text" name="name" />
<label for="age">Age</label>
<input id="age" type="text" name="age" onblur="myFunction()"/>
<label for="parent">Parent</label>
<input id="parent" type="text" name="parent" />

JSFIDDLE

欢迎任何建议和想法..

Answer 1

您正在寻找这样的东西:

var x = document.getElementById("age").value;
if (x < 18) 
{
   if (document.getElementById("parent").value == "") 
   {
      alert('Parent detail is mandatory');
      document.getElementById('parent').focus();
      return;
   }
}

<强> JSFIDDLE