jQuery将输入转换为文本

使用jQuery将您的表单输入转换为文本元素 。目前，该脚本仅适用于文本输入，但可以轻松地扩展到用于其他输入类型（例如TextArea，Radio，Checkbox等）的工作。

$form <span>= $('#register-form1');
</span>$form<span>.find(':input').each( function(i<span>,v</span>)
</span><span>{
</span>    <span>var iElem = $(v),
</span>        name <span>= iElem.attr('name'),
</span>        type <span>= iElem.attr('type'),
</span>        labelElem <span>= iElem.parents().find('label[for="'+name+'"]'),
</span>        labelTxt <span>= labelElem.html(),
</span>        iVal <span>= iElem.val();
</span>
    <span>if(type == 'input')
</span>    <span>{
</span>    iElem<span>.parent().prepend(''+labelTxt+' '+iVal+'');
</span>
    <span>}
</span><span>else if (type == 'password')
</span><span>{
</span>    iVal <span>= iVal.substr(i).replace(<span>/<span><span>[S]</span></span>/g</span>, "*");
</span>    iElem<span>.parent().prepend(''+labelTxt+' '+iVal+'');
</span><span>}
</span>    <span>//remove old input elements
</span>    iElem<span>.remove();
</span>    labelElem<span>.remove();
</span><span>});</span>

经常询问有关jQuery转换输入文本的问题（常见问题解答）

>如何使用jQuery？

获得输入文本框的值，以获取使用jQuery的输入文本框的值，您可以使用.val（）方法。此方法返回所选元素的值。以下是一个示例：

$（document）.ready（function（）{ $（“ button”）。 test“）。val（）;
}）;
}）;
在此示例中，当单击按钮时，带有id“ test”的输入元素的值在警报中显示box。

>如何使用jQuery？
设置输入文本框的值，以使用jQuery设置输入文本框的值，但这一次，您将新价值作为一个参数。以下是一个示例：

$（document）.ready（function（）{ $（“ button”）。 “ Hello world”）;

}）;

}）;
>如何使用jQuery？

>将输入文本转换为大写？ jQuery。以下是一个示例：

$（document）.ready（function（）{ $（“＃test”）。val（text.touppercase（））;
}）;

}）;

}）;

在此示例中，当按下按钮时，带有ID“测试”的输入元素的值将转换为大写。使用JQuery的.val（）方法的JavaScript字符串的.tolowercase（）方法。以下是一个示例：

$（document）.ready（function（）{$（“＃test”）。val（text.tolowercase（））;
}）;
}）;

在此示例中，当按下按钮时，这带有ID“测试”的输入元素的值转换为小写。
>

>我如何使用jQuery？

从输入文本中缩小和尾随空间，以使用jQuery从输入文本进行缩小和尾随空间，您可以将.trim（）方法与JavaScript字符串的.trim（）方法结合使用jQuery的.val（）方法。以下是一个示例：

$（document）.ready（function（）{$（“＃test”）。val（$。trim（text））;
}）;
}）;
在此示例中，当按钮单击时，领导和从输入元素的值中删除了带有ID“ test”的值。

>我如何使用jQuery替换输入文本的一部分？

使用jQuery，您可以将.replace（）方法与jQuery的.val（）方法结合使用。以下是一个示例：

$（document）.ready（function（）{>
如何使用jQuery检查输入文本是否为空？
>
要检查输入文本是否使用jQuery进行空白，您可以使用.val（）方法并将返回的值与空字符串进行比较。以下是一个示例：

$（document）.ready（function（）{要使用jQuery禁用输入文本框，您可以使用.prop（）方法并将“禁用”属性设置为true。以下是一个示例：

$（document）.ready（function（）{}）;

}）;

在此示例中，当单击按钮时，禁用了带有id的输入元素。我可以使用jQuery启用禁用的输入文本框？

>使用jQuery启用禁用的输入文本框，您可以使用.prop（）方法并将“禁用”属性设置为false。以下是一个示例：

$（document）.ready（function（）{}）;
}）;
在此示例中，当单击按钮时，启用了带有id的输入元素。我可以使用jQuery？

专注于使用jQuery的输入文本框上的输入文本框，您可以使用.focus（）方法。以下是一个示例：

$（document）.ready（function（）{

$（“ button”）。 ）;

}）;

}）;在此示例中，当单击按钮时，具有“ test”的输入元素是重点的。>>>>>

以上是jQuery将输入转换为文本的详细内容。更多信息请关注PHP中文网其他相关文章！