Javascript 我们可以使用一个java脚本函数进行多输入验证吗?
我们创建了一个JavaScript函数来验证用户名,它工作得很好,但是如果我尝试使用它 函数在同一个jsp页面上进行另一个输入验证,它只显示文本,我在同一个函数中包含了文本颜色,但它在第二个输入验证中不起作用。 有可能得到吗?, 如果是,我怎样才能得到?, 我是java脚本的入门级,如果有任何问题,请给出答案,谢谢 例如,这是我的js函数:Javascript 我们可以使用一个java脚本函数进行多输入验证吗?,javascript,jquery,Javascript,Jquery,我们创建了一个JavaScript函数来验证用户名,它工作得很好,但是如果我尝试使用它 函数在同一个jsp页面上进行另一个输入验证,它只显示文本,我在同一个函数中包含了文本颜色,但它在第二个输入验证中不起作用。 有可能得到吗?, 如果是,我怎样才能得到?, 我是java脚本的入门级,如果有任何问题,请给出答案,谢谢 例如,这是我的js函数: function name_validation() { if(true){ var unam=docum
function name_validation()
{
if(true){
var unam=document.getElementById("v2").innerHTML="valid";
v2.style.color="green"; //this line is not exist in second input validation
}
else{
var unam=document.getElementById("v2").innerHTML="invalid";
v2.style.color="red"; //this line is not exist in second input validation
}
}
这是我的jsp代码:
name:<input type="text" id="name" onchange="name_validation();"><a id="v2"></a>
Father name:<input type="text" id="name" onchange="name_validation();"><a id="v2"></a>
名称:
父亲姓名:
您可以像这样传递当前对象
name:<input type="text" id="name" onchange="name_validation(this);">
Father name:<input type="text" id="father_name" onchange="name_validation(this);">
对于javascript
function name_validation(obj) {
var value = obj.value;
...
}
可以像这样传递当前对象
name:<input type="text" id="name" onchange="name_validation(this);">
Father name:<input type="text" id="father_name" onchange="name_validation(this);">
对于javascript
function name_validation(obj) {
var value = obj.value;
...
}
试着这样做,希望能有所帮助:
Name:<input type="text" id="name" onchange="name_validation(this.id);">
Father name:<input type="text" id="father_name" onchange="name_validation(this.id);">
function name_validation(id){
if(document.getElementById(id).value == ''){
alert(id + 'is null');
}
}
名称:
父亲姓名:
函数名\验证(id){
if(document.getElementById(id.value=''){
警报(id+‘为空’);
}
}
试试这种方法,希望它能有所帮助:
Name:<input type="text" id="name" onchange="name_validation(this.id);">
Father name:<input type="text" id="father_name" onchange="name_validation(this.id);">
function name_validation(id){
if(document.getElementById(id).value == ''){
alert(id + 'is null');
}
}
名称:
父亲姓名:
函数名\验证(id){
if(document.getElementById(id.value=''){
警报(id+‘为空’);
}
}
尝试以下操作
Name:<input type="text" id="name" class="validate">
Father name:<input type="text" id="father_name" class="validate">
$(function(){
$('.validate').on('blur',function(){
if($(this).val() == '')
{
$(this).css({'border-color':'red','background':'somecolor '});
}
else{
$(this).css({'background':'somecolor'});
}
});
});
名称:
父亲姓名:
$(函数(){
$('.validate')。在('blur',function()上{
if($(this.val()='')
{
$(this.css({'border-color':'red','background':'somecolor});
}
否则{
$(this.css({'background':'somecolor});
}
});
});
尝试以下操作
Name:<input type="text" id="name" class="validate">
Father name:<input type="text" id="father_name" class="validate">
$(function(){
$('.validate').on('blur',function(){
if($(this).val() == '')
{
$(this).css({'border-color':'red','background':'somecolor '});
}
else{
$(this).css({'background':'somecolor'});
}
});
});
名称:
父亲姓名:
$(函数(){
$('.validate')。在('blur',function()上{
if($(this.val()='')
{
$(this.css({'border-color':'red','background':'somecolor});
}
否则{
$(this.css({'background':'somecolor});
}
});
});
NB:Java对于Javascript就像Car对于地毯一样。提示:将controlId传递给函数,然后找到控件并执行验证在提交按钮单击或表单提交事件上执行元素验证。NB:Java对于Javascript就像Car对于地毯一样。提示:将controlId传递给函数,然后找到控件和执行验证在提交按钮单击或表单提交事件上对元素执行验证。谢谢alex,我可以收到带有文本指示的警报消息,但我无法在第二次输入验证中获得有效和无效文本的文本颜色。我再次更新了我的问题,请看。它应该是document.getElementById(“v2”).style.color=“绿色”代码>和红色。谢谢alex,我可以得到带有文本指示的警报消息,但我无法在第二次输入验证中获得有效和无效文本的文本颜色。我再次更新了我的问题,请看。它应该是document.getElementById(“v2”).style.color=“绿色”代码>和红色。谢谢,我可以得到带有文本指示的警报消息,但我无法在第二次输入验证中获得有效和无效文本的文本颜色。我再次更新了我的问题。请看。谢谢,我可以收到带有文本指示的警告消息,但我无法在第二次输入验证中获得有效和无效文本的文本颜色。我又更新了我的问题。请你看看。