在 aspx.cs 中添加条件 java 脚本

Question

谁能帮我在aspx.cs中添加java脚本条件？

当更新电子邮件文本框中的文本并单击更新按钮时，java脚本将调用检查验证。

如果Email地址有效消息框会弹出successful update。

如果邮箱地址无效，会弹出not successful update, please provide a valid email消息框。

<script type="text/javascript">    
    function checkEmail() {    
        var email = document.getElementById('btnMod');
        var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;

        if (!filter.test(email.value)) {
            alert('Please provide a valid email address');
            email.focus;
            return false;
          }
        }
</script>

<asp:Button ID="btnMod" runat="server" Text="Update" onClick="btnMod_Click" 
OnClientClick='Javascript:checkEmail();'/>     

 protected void btnMod_Click(object sender, EventArgs e)
    {
       base.scriptAlert("Successfully Update.");
    }

当电子邮件地址无效时，我应该在我的 cs 代码中输入什么？

Answer 1

您可以使用以下代码，但我建议您使用jquery.validation 插件：

function checkEmail() {

    var email = document.getElementById('btnMod');
    var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;

    if (!filter.test(email.value)) {
        alert('Please provide a valid email address');
        email.focus;
        return false;
    }

    return true;
}
</script>

并更新此内容：

<asp:Button ID="btnMod" runat="server" Text="Update" onClick="btnMod_Click" OnClientClick='Javascript:return checkEmail();'/>  

还有 CS：

protected void btnMod_Click(object sender, EventArgs e)
{
   Response.Write("<script>alert('Successfully Update.');</script>");
}