[英]How to pass a textbox (not the value of textbox) to Javascript validate function
我有一个HTML注册表。 我想使用JavaScript进行验证。 我想将文本框(而不是值)传递给JavaScript,这样就不必多次编写document.getElementById("Textname").value
。 我希望我的JavaScript函数选择HTML活动控件,或者将该控件传递给该函数。
我的HTML代码:
<i>table>
<tr><td>
First Name</td>><td><input type="text" id="fname" runat="server" /></td></tr>
<tr><td>last Name</td>><td><input type="text" id="lname" runat="server" /></td></tr>
<tr><td>Phone</td>><td><input type="text" id="phone" runat="server" /></td></tr>
<tr><td>email</td>><td><input type="text" id="email" runat="server" /></td></tr>
<tr><td>password</td>><td><input type="password" id="pass" runat="server" /></td></tr>
<tr><td>image</td>><td><input type="file" id="image" runat="server" /></td></tr>
<tr><td rowspan="2">Sex</td>><td>Male<input type="radio" id="male" runat="server" value="male" /></td></tr>
<tr><td colspan=".5">female<input type="radio" runat="server" id="female" /></td></tr>
<tr><td>submit</td>><td><input type="submit" id="submit" runat="server" value="SUBMIT"/></td></tr>
<tr><td>reset</td>><td><input type="reset" id="res" runat="server" /></td></tr>
<tr><td><button id="save" runat="server" value="save" ></button></td></tr>
</table><i/>
JavaScript代码:
function cont(textbox)
{
var name=document.getelementbyId(textbox).value;
var illegalChars = /[\(\)\<\>\,\;\:\\\"\[\]]/;
var regletter = /[a-zA-z]/;
if (uname == "")
{
alert("please enter ");
document.getelementbyid(textbox)style.background = "grey";
document.getElementById(textbox).focus;
}
您可以将其存储到var中,这样就不必多次使用document.getElementById
。
var element = document.getElementById(textbox);
var name = element.value;
var illegalChars = /[\(\)\<\>\,\;\:\\\"\[\]]/;
var regletter = /[a-zA-z]/;
if (uname == "") // are you sure it's `uname` and not `name` ?
{
alert("please enter ");
element.background = "grey";
element.focus();
}
在不检查您提供的代码的有效性的情况下,解决方案非常简单:
function cont(textbox)
{
var name = textbox.value;
var illegalChars = /[\(\)\<\>\,\;\:\\\"\[\]]/;
var regletter = /[a-zA-z]/;
if (uname == "") {
alert("please enter ");
textbox.style.background = "grey";
textbox.focus;
}
// ...
}
// execute the function
cont(document.getElementById('Textname'));
得到了答案。 为了避免使用重复代码,请使用“ this”。 “这”指当前控制。 下面是一个使用它的小例子。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" >
function chk(a) {
alert(a.value);
}
</script>
<title></title>
</head>
<body>
<form id="f1" method="post" action="Default.aspx" >
<input type="text" id="num1" onblur="chk(this)" />
</form>
</body>
</html>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.