使用javascript/jquery强制设置文本字段

我有一个带有一些输入字段的学生表格。应该输入姓名、年龄等详细信息。如果学生的年龄小于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" />

名称
年龄
父母亲

---

欢迎您提出任何建议和想法。

您正在寻找以下内容：

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

var x=document.getElementById（“年龄”）.value；
if（x<18）
{
if（document.getElementById（“父”）.value==“”）
{
警报（“父详细信息为必填项”）；
document.getElementById（'parent'）.focus（）；
返回；
}
}

---

您正在寻找这样的产品：

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

var x=document.getElementById（“年龄”）.value；
if（x<18）
{
if（document.getElementById（“父”）.value==“”）
{
警报（“父详细信息为必填项”）；
document.getElementById（'parent'）.focus（）；
返回；
}
}

---

您正在寻找这样的产品：

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

var x=document.getElementById（“年龄”）.value；
if（x<18）
{
if（document.getElementById（“父”）.value==“”）
{
警报（“父详细信息为必填项”）；
document.getElementById（'parent'）.focus（）；
返回；
}
}

---

您正在寻找这样的产品：

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

var x=document.getElementById（“年龄”）.value；
if（x<18）
{
if（document.getElementById（“父”）.value==“”）
{
警报（“父详细信息为必填项”）；
document.getElementById（'parent'）.focus（）；
返回；
}
}

检查此项 我希望这就是你要找的

<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();
}

名称
年龄
父母亲
变量年龄；
函数myFunction（）{
年龄=document.getElementById（“年龄”）.value；
if（年龄<18岁）
document.getElementById（'parent'）.focus（）；
}
函数检查（）{
var parent=document.getElementById（'parent'）。值；
如果（年龄<18岁和父母=“”）
document.getElementById（'parent'）.focus（）；
}

检查此项 我希望这就是你要找的

<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();
}

名称
年龄
父母亲
变量年龄；
函数myFunction（）{
年龄=document.getElementById（“年龄”）.value；
if（年龄<18岁）
document.getElementById（'parent'）.focus（）；
}
函数检查（）{
var parent=document.getElementById（'parent'）。值；
如果（年龄<18岁和父母=“”）
document.getElementById（'parent'）.focus（）；
}

检查此项 我希望这就是你要找的

<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();
}

名称
年龄
父母亲
变量年龄；
函数myFunction（）{
年龄=document.getElementById（“年龄”）.value；
if（年龄<18岁）
document.getElementById（'parent'）.focus（）；
}
函数检查（）{
var parent=document.getElementById（'parent'）。值；
如果（年龄<18岁和父母=“”）
document.getElementById（'parent'）.focus（）；
}

检查此项 我希望这就是你要找的

<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();
}

名称
年龄
父母亲
变量年龄；
函数myFunction（）{
年龄=document.getElementById（“年龄”）.value；
if（年龄<18岁）
document.getElementById（'parent'）.focus（）；
}
函数检查（）{
var parent=document.getElementById（'parent'）。值；
如果（年龄<18岁和父母=“”）
document.getElementById（'parent'）.focus（）；
}

以下是一个可能的解决方案：

名称
年龄
父母亲
函数myFunction（）{
var x=document.getElementById（“年龄”）.value；
如果（x这里有一个可能的解决方案：

名称
年龄
父母亲
函数myFunction（）{
var x=document.getElementById（“年龄”）.value；
如果（x这里有一个可能的解决方案：

名称
年龄
父母亲
函数myFunction（）{
var x=document.getElementById（“年龄”）.value；
如果（x这里有一个可能的解决方案：

名称
年龄
父母亲
函数myFunction（）{
var x=document.getElementById（“年龄”）.value；
如果（x我讨厌它。任何阻止网页正常导航的东西都会让人恼火，并且会疏远用户。想象一下这样的场景：我错误地输入了年龄
11
；焦点移到了父字段；我试图修复并放入
21
，但我无法回到年龄字段。可怕的、可怕的用户体验。让用户按他们的意愿编辑，如果当前状态不是您想要的，则给他们红旗，并尽一切可能阻止提交；但不要弄乱焦点。禁用年龄和父项以外的其他字段fields@Amadan谢谢你的回复。在这里也有同样的感觉。实际上我会阻止用户提交。但是要求是这样的。你能ela吗详细说明如何实现您的建议。在关键字段上倾听
keyup
、
cut
和
paste
，检查处理程序中的值，在有问题的元素上设置
badenry
类，如果它不是您想要的，则会给它提供红色背景。倾听
submit
并拒绝任何
badenry
>元素被找到。再次检查服务器上的所有内容，因为客户端不可信。使用智能管理器/客户端，需求可以更改。使用愚蠢的管理器/客户端…下面的解决方案非常好。我讨厌它。任何阻止网页正常导航的行为都会令人恼火，并会疏远用户。想象一下这样的场景：我静止地输入年龄
11
；焦点移动到父字段；我尝试修复并放入
21
，但我无法回到年龄字段。可怕的用户体验。让用户随意编辑，如果当前状态不是您想要的，则给他们红旗，并尽一切可能阻止提交；但不要干扰焦点。禁用除年龄和父字段外的其他字段fields@Amadan谢谢你的回复。这里也有同样的感觉。实际上我会阻止用户提交。但是