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

Answer 2

检查fiddle 我希望这就是你要找的东西，

<label for="name">Name</label>
<input id="name" type="text" name="name" onblur="checkage()" />
<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" />


var age;
function myFunction() {
    age = document.getElementById("age").value;
    if(age < 18)
        document.getElementById('parent').focus();
}

function checkage(){
 var parent = document.getElementById('parent').value;
 if(age < 18 && parent == '')
     document.getElementById('parent').focus();
}

Answer 3

这是一个可能的解决方案：https://jsfiddle.net/gwcgrn1s/1/

<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" onblur="ValidationFunction()" />


function myFunction() {
    var x = document.getElementById("age").value;
    if (x <18)
    {
        document.getElementById("parent").focus();
    }    
}

function ValidationFunction()
{
    var parentName = document.getElementById("parent").value.trim();

    if (parentName.length == 0)
    {
        document.getElementById("parent").focus();
    }
}

使用javascript / jquery强制创建文本字段

3 个答案: