我使用http://bootstrapvalidator.com/與bootstrap asp.net項目中的visual studio。 問題我有,我永遠不會驗證按鈕來實際驗證,就像它在例子中所做的那樣,當我開始在文本框中輸入內容時驗證正確,但是當我點擊按鈕時,從未驗證下面的示例。如何使用Bootstrap Validator提交表單
另一個問題是我不知道如何調用我的c#方法,它將在驗證成功後從文本框中獲取值,我可以在按鈕單擊時調用我的方法,但是我希望它在驗證成功後立即發生。
我在找的是一個簡單的例子,如何使提交按鈕驗證字段,然後調用我的C#方法,它將從輸入中讀取值。
我在網上找不到一個單一的例子,而且我對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);
}