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

时间:2015-04-16 01:43:32

标签: javascript c#

任何人都可以帮我在aspx.cs中添加java脚本条件吗?

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

如果电子邮件地址有效消息框将弹出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代码中加入什么?

1 个答案:

答案 0 :(得分:0)

您可以使用以下代码,但我建议您使用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>");
}