使用 javascript/jquery 使文本字段成为必填项

Question

我有一个学生表格，其中输入了一些 fields.Details 姓名，年龄应该是 entered.If 学生的年龄小于 18 岁，parent 必须输入详细信息.

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

这里真正的技巧是我不希望该字段是 empty.So，直到输入一个值，焦点应该在 parent 文本字段上并且不能更改。

如何实现？

<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 使文本字段成为必填项

Making a text field mandatory using javascript/jquery

javascript

jquery

jquery-plugins