Java脚本验证和注册表单 [英] Java Script Validation and Registration form
本文介绍了Java脚本验证和注册表单的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
Hello Friend，
我在网站上工作，我必须在注册页面上使用客户端和服务器端验证。但我无法做到。它只做服务器端。请让我知道如何进行两种验证。
先谢谢。
Hello Friend,
I am working on website in which I have to used both client side and server side validation on Registration Page. But I am unable to do it. Its Only doing server side. Please let me know how can I do both validation.
Thanks in Advance.
<script language="javascript" type="text/javascript">
function validate() {
var Firstname = document.getElementById('<%=txtName.ClientID %>').value;
var Email = document.getElementById('<%=txtEmail.ClientID %>').value;
var Address = document.getElementById('<%=txtAddress.ClientID %>').value;
var City = document.getElementById('<%=txtCity.ClientID %>').value;
var Zip = document.getElementById('<%=txtZipCode.ClientID %>').value;
var Contact_No = document.getElementById('<%=txtContactNo %>').value;
var User_Name = document.getElementById('<%=txtUserName.ClientID %>').value;
var Password = document.getElementById('<%=txtPassword.ClientID %>').value;
var errormessage = "";
if (Firstname == "") {
errormessage += "Enter Your First Name\n";
}
if (Email == "") {
errormessage += "Enter Mail ID\n";
}
if (Address == "") {
errormessage += "Enter Address ID\n";
}
if (City == "") {
errormessage += "Enter City ID\n";
}
if (Zip == "") {
errormessage += "Enter Zip ID\n";
}
if (Contact_No == "") {
errormessage += "Enter Contact ID\n";
}
if (User_Name == "") {
errormessage += "Enter UserName ID\n";
}
if (Password == "") {
errormessage += "Enter Password ID\n";
}
if (errormessage != "") {
alert(errormessage);
return false;
}
}
</script>
//表< br $>
// Table
<div>
<table align="center" class="style1">
<tr>
<td class="style2">
<asp:Label ID="Label1" runat="server" Text="Name">
</td>
<td class="style3">
<asp:TextBox ID="txtName" runat="server">
</td>
<td class="style4">
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="*"
ForeColor="Red" ControlToValidate="txtName">
</td>
</tr>
<tr>
<td class="style2">
<asp:Label ID="Label2" runat="server" Text="Email">
</td>
<td class="style3">
<asp:TextBox ID="txtEmail" runat="server">
</td>
<td class="style4">
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="*"
ForeColor="Red" ControlToValidate="txtEmail">
</td>
</tr>
<tr>
<td class="style2">
<asp:Label ID="Label3" runat="server" Text="Address">
</td>
<td class="style3">
<asp:TextBox ID="txtAddress" runat="server">
</td>
<td class="style4">
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="*"
ForeColor="Red" ControlToValidate="txtAddress">
</td>
</tr>
<tr>
<td class="style2">
<asp:Label ID="Label4" runat="server" Text="City">
</td>
<td class="style3">
<asp:TextBox ID="txtCity" runat="server">
</td>
<td class="style4">
<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="*"
ForeColor="Red" ControlToValidate="txtCity">
</td>
</tr>
<tr>
<td class="style2">
<asp:Label ID="Label5" runat="server" Text="Zip">
</td>
<td class="style3">
<asp:TextBox ID="txtZipCode" runat="server">
</td>
<td class="style4">
<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="*"
ForeColor="Red" ControlToValidate="txtZipCode">
</td>
</tr>
<tr>
<td class="style2">
<asp:Label ID="Label6" runat="server" Text="Contact No">
</td>
<td class="style3">
<asp:TextBox ID="txtContactNo" runat="server">
</td>
<td class="style4">
<asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ErrorMessage="*"
ForeColor="Red" ControlToValidate="txtContactNo">
</td>
</tr>
<tr>
<td class="style2">
<asp:Label ID="Label7" runat="server" Text="userName">
</td>
<td class="style3">
<asp:TextBox ID="txtUserName" runat="server">
</td>
<td class="style4">
<asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ErrorMessage="*"
ForeColor="Red" ControlToValidate="txtUserName">
</td>
</tr>
<tr>
<td class="style2">
<asp:Label ID="Label8" runat="server" Text="Pwd">
</td>
<td class="style3">
<asp:TextBox ID="txtPassword" runat="server">
</td>
<td class="style4">
<asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ErrorMessage="*"
ForeColor="Red" ControlToValidate="txtPassword">
</td>
</tr>
<tr>
<td class="style2">
</td>
<td class="style3">
<asp:Button ID="btnSubmit" runat="server" Text="Button" OnClientClick="javascript:validate();" />
</td>
<td class="style4">
</td>
</tr>
</table>
</div>
推荐答案
试试这个
OnClientClick =return validate（）;
Hi,Try this
OnClientClick="return validate();"
那么有两个我可以看到这个代码有问题。首先，没有一个ASP表单字段已正确关闭。它们要么需要匹配的关闭标记，要么在每个标记的末尾都有正斜杠属性。所以：
Well there are two things wrong with this code that I can see. First, none of your ASP form fields have been closed properly. They either need to have a matching close tag, or have the forward slash attribute at the end of each tag. So:
<asp:label id="Label1" runat="server" text="Name">
Should be:
<asp:label id="Label1" runat="server" text="Name"></asp:label>
or:
<asp:label id="Label1" runat="server" text="Name" />
对于所有''asp：TextBox''和''asp：RequiredFieldValidator''标签应该这样做。
其次，你的一个Javascript行有一个拼写错误：
The same should be done for all of your ''asp:TextBox'' and ''asp:RequiredFieldValidator'' tags.
And secondly, one of your Javascript lines has a typo:
var Contact_No = document.getElementById('<%=txtContactNo %>').value;
Should be:
var Contact_No = document.getElementById('<%=txtContactNo.ClientID %>').value;
否则脚本会因需要对象错误而失败。
经过这些更改后，代码编译并正常工作。
Otherwise the script fails with an ''Object required'' error.
After these changes the code compiles and works fine for me.
这篇关于Java脚本验证和注册表单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
