ブートストラップasp.netプロジェクトのビジュアルスタジオでhttp://bootstrapvalidator.com/を使用しています。例のように実際に検証するための検証ボタンを取得できないという問題があり、テキストボックスに入力を開始すると正常に検証されますが、例に続くボタンをクリックすると検証されません。
もう 1 つの問題は、検証が成功した後にテキスト ボックスから値を取得する C# メソッドを呼び出す方法がわからないことです。ボタンのクリックでメソッドを呼び出すことができますが、検証が成功した直後にそれを実行したいと考えています。
私が探しているのは、送信ボタンでフィールドを検証し、入力から値を読み取る C# メソッドを呼び出す方法の簡単な例です。
オンラインで例を 1 つも見つけることができず、javascript についてあまり知りません。
ここに私が持っているいくつかのテストコードがあります
<div class="form-group" id="nameEmail2">
<div class="form-group">
<label for="inputContactName" class="col-sm-5 control-label">Contact Name </label>
<div class="col-sm-7">
<input type="text" class="form-control" name="fullName1" id="TextBox1" placeholder="Contact Name" maxlength="50"/>
</div>
</div>
<div class="form-group">
<label for="inputContactEmail" class="col-sm-5 control-label">Contact Email <b>*</b></label>
<div class="col-sm-7">
<input type="text" class="form-control" name="email1" id="TextBox2" placeholder="Contact Email" maxlength="50"/>
</div>
</div>
<div class="form-group">
<div class="col-sm-5 col-sm-offset-3">
<button type="submit" runat="server" onserverclick="submitValidate" class="btn btn-default">Validate</button>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#nameEmail2').bootstrapValidator({
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
fullName1: {
validators: {
notEmpty: {
// enabled is true, by default
message: 'The full name is required and cannot be empty'
},
stringLength: {
enabled: true,
min: 8,
max: 40,
message: 'The full name must be more than 8 and less than 40 characters long'
},
regexp: {
enabled: false,
regexp: /^[a-zA-Z\s]+$/,
message: 'The full name can only consist of alphabetical, number, and space'
}
}
},
email1: {
validators: {
emailAddress: {
message: 'The value is not a valid email address'
}
}
}
}
});
});
</script>
ほとんどのaspオブジェクトを削除しましたが、サーバーで実行されるものはほとんどありませんが、コードビハインドメソッドはあまり役に立ちませんでした
protected void submitValidate(object sender, EventArgs e)
{
string contactName = Request.Form["fullName1"];
string email = Request.Form["email1"];
System.Diagnostics.Debug.Write("test",email);
}