单击按钮时的JavaScript验证
我面临JavaScript验证的问题 我有以下源代码:单击按钮时的JavaScript验证,javascript,asp.net-mvc,javascriptserializer,Javascript,Asp.net Mvc,Javascriptserializer,我面临JavaScript验证的问题 我有以下源代码: <%@ Page Title="" Language="C#" MasterPageFile="~/Full_Width.master" AutoEventWireup="true" CodeFile="validate.aspx.cs" Inherits="validate" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"
<%@ Page Title="" Language="C#" MasterPageFile="~/Full_Width.master" AutoEventWireup="true" CodeFile="validate.aspx.cs" Inherits="validate" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script type="text/javascript">
function emptelephoneno() {
var elem = document.getElementById('<%=txtfullname.ClientID%>');
if (elem.value.length == 0) {
elem.style.border = '1px solid red';
document.getElementById('nameError').innerHTML = "Please Enter Your First Name";
return false;
}
else {
elem.style.border = '';
document.getElementById('nameError').innerHTML = "";
}
return true;
}
function emptelephoneno1() {
var elem1 = document.getElementById('<%=TextBox1.ClientID%>');
if (elem1.value.length == 0) {
elem1.style.border = '1px solid red';
document.getElementById('Span1').innerHTML = "Please Enter Your First Name";
return false;
}
else {
elem1.style.border = '';
document.getElementById('Span1').innerHTML = "";
}
return true;
}
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div class="wrapper row3">
<div id="container" class="clear">
<div id="content" style="border:1px solid green; margin-left:10px; width:600px;">
<div class="divRegistration">
<div class="divleft">
<label> full name :<span class="spanstar">*</span></label>
</div>
<div class="divright">
<asp:TextBox ID="txtfullname" runat="server" MaxLength="30"></asp:TextBox>
<span id="nameError" class="spanerror"></span>
</div>
</div>
<div class="divRegistration">
<div class="divleft">
<label> full name :<span class="spanstar">*</span></label>
</div>
<div class="divright">
<asp:TextBox ID="TextBox1" runat="server" MaxLength="30"></asp:TextBox>
<span id="Span1" class="spanerror"></span>
</div>
</div>
<asp:Button ID="btn" runat="server" text="submit" OnClientClick="return emptelephoneno();return emptelephoneno1();"
onclick="btn_Click" />
</div>
</div>
</div>
</asp:Content>
当我点击按钮时,第一次验证实际上有效,但第二次则无效
您能提供一些建议吗?您永远不能在返回语句之后添加任何语句,因为这些语句是无法访问的
尝试更改:
OnClientClick="return emptelephoneno();return emptelephoneno1();"
例如:
OnClientClick="return validate();"
&在JS中:
function validate() { return emptelephoneno() & emptelephoneno1(); }
试试这个
function validateform() {
if (emptelephoneno() == true) {
if (emptelephoneno1() == true) {
return true;
}
}
return false;
}
<asp:Button ID="btn" runat="server"
Text="submit"
OnClientClick="return validateform();" />
函数validateform(){
if(emptelephoneno()==true){
if(emptelephoneno1()==true){
返回true;
}
}
返回false;
}
在每一行发出警报信息,并检查哪一行出现故障
function validateform() {
if (emptelephoneno() == true) {
if (emptelephoneno1() == true) {
return true;
}
}
return false;
}
<asp:Button ID="btn" runat="server"
Text="submit"
OnClientClick="return validateform();" />