コメント
コメントの投稿
※名前とタイトルが入力されていないコメントでは他のコメントとの区別ができません。
入力されていないコメントには返信しませんのであらかじめご了承くださいませ。
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="JVETest.aspx.vb" Inherits="JVETest" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>jQuery Validation Engine Test</title>
<link runat="server" href="~/Content/style.css" rel="stylesheet" />
</head>
<body>
<form id="form1" runat="server">
<div>
<div class="wrapper">
<asp:Label ID="lblInput" runat="server" Text="入力項目" />
<asp:TextBox ID="txtInput" runat="server" CssClass="validate[required]" />
</div>
<div class="wrapper">
<asp:LinkButton ID="lnkReturn" runat="server" Text="戻る" CssClass="button enable"/>
<asp:Button ID="btnConfirm" runat="server" Text="OK" CssClass="button enable"/>
</div>
</div>
</form>
<script src="<%=Me.ResolveClientUrl("~/Scripts/jquery-1.10.2.js")%>"></script>
<script src="<%=Me.ResolveClientUrl("~/Scripts/jquery.validationEngine.js")%>"></script>
<script src="<%=Me.ResolveClientUrl("~/Scripts/jquery.validationEngine-en.js")%>"></script>
<script src="<%=Me.ResolveClientUrl("~/Scripts/common.js")%>"></script>
</body>
</html>
//jQueryValidationEngineのトリガー設定
$('#form1').validationEngine({
promptPosition: 'bottomLeft',
//validationEventTrigger: 'keyup' //キーアップ時にバリデータが動作します。
//binded: false; //submitボタンを押下した場合のみバリデータが動作します。
focusFirstField: true, //エラー表示時に先頭の入力フィールドにフォーカスする
scroll: true //エラー箇所をスクロールして表示する
});
//OKボタンを押下した場合
$('#btnConfirm').click(function () {
//バリデータのエラーの場合は2度押し対策しない
if ($('#form1') != null &&
$('#form1').validationEngine != null &&
!$('#form1').validationEngine('validate')) {
return false;
}
return detectDoubleClick(this);
});
//2度押し防止
var clickCount = 0;
function detectDoubleClick(button) {
$(button).removeClass('enable');
$(button).addClass('disable');
clickCount++;
if (clickCount == 1) {
return true;
}
else {
return false;
}
}
.wrapper {
padding : 20px;
margin : 20px;
}
.button {
display : inline-block;
padding : 20px 0px 20px 0px;
margin : 20px 20px 20px 0px;
font : bold 1em "MS Pゴシック";
width : 150px;
text-align : center;
text-decoration: none;
cursor : pointer;
border: solid 1px #000000;
}
.enable {
background-color : purple;
color : #FFFFFF;
}
.disable {
background-color : #808080;
color : #FFFFFF;
}
Partial Class JVETest
Inherits System.Web.UI.Page
Private Sub lnkReturn_Click(sender As Object, e As EventArgs) Handles lnkReturn.Click
Response.Redirect("~/default.aspx")
End Sub
Private Sub btnConfirm_Click(sender As Object, e As EventArgs) Handles btnConfirm.Click
Response.Redirect("~/default.aspx")
End Sub
End Class
※名前とタイトルが入力されていないコメントでは他のコメントとの区別ができません。
入力されていないコメントには返信しませんのであらかじめご了承くださいませ。