如何使用Bootstrap Validator提交表单

阿斯蒂斯·塔拉斯凯维奇(Aistis Taraskevicius)

在bootstrap asp.net项目中的Visual Studio中使用http://bootstrapvalidator.com/我遇到的问题是,我永远无法像示例中那样获得验证按钮来进行实际验证,当我开始在文本框中键入内容时,它可以很好地验证,但是当我单击以下示例中的按钮时,它就无法验证。

另一个问题是,我不知道如何调用我的c#方法,该方法将在验证成功后从文本框中获取值,我可以在单击按钮时调用我的方法,但是我希望它在验证成功后立即发生。

我要寻找的是一个简单的示例,该示例如何使Submit Button验证字段,然后调用我的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对象,并且几乎不再在服务器上运行任何东西,但这对我的codebehind方法没有太大帮助

protected void submitValidate(object sender, EventArgs e) 
{
    string contactName = Request.Form["fullName1"];
    string email = Request.Form["email1"];
    System.Diagnostics.Debug.Write("test",email);
}
阿斯蒂斯·塔拉斯凯维奇(Aistis Taraskevicius)

找到了我自己的问题的答案http://thuyvk.com/article/validate-form-su-dung-bootstrapvalidator-cho-website-aspnet-224请谨慎使用Google翻译,将代码翻译成一些随机的html代码

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

停止在Bootstrap Validator表单中提交默认表单

来自分类Dev

如何使用Bootstrap验证提交表单

来自分类Dev

如何在不提交的情况下使用jQuery Validator验证表单的第一部分?

来自分类Dev

Bootstrap阻止表单提交

来自分类Dev

如何使用PhantomJS提交表单?

来自分类Dev

如何使用JavaScript提交表单

来自分类Dev

Bootstrap Select插件-如何提交表单?

来自分类Dev

如何使BootStrap-DatePicker停止提交表单

来自分类Dev

Bootstrap表单提交无法使用$ _POST数据

来自分类Dev

如何从表单提交值

来自分类Dev

Javascript如何提交表单?

来自分类Dev

如何跟踪表单的提交?

来自分类Dev

使用Ajax提交表单

来自分类Dev

使用angularjs提交表单

来自分类Dev

使用Javascript提交表单

来自分类Dev

使用PHP提交表单

来自分类Dev

使用 iMacros 提交表单

来自分类Dev

使用javascript提交表单

来自分类Dev

当提交按钮位于表单之外时,如何使用Bootstrap 3表单验证?

来自分类Dev

如何在提交表单时关闭包含表单的 Bootstrap 模式?

来自分类Dev

Bootstrap Validator表单插件:如何更改反馈图标

来自分类Dev

Bootstrap表单提交和模式

来自分类Dev

以Bootstrap模式提交Django表单

来自分类Dev

表单提交之前的Bootstrap Modal

来自分类Dev

Bootstrap - 提交文件输入表单?

来自分类Dev

使用链接和提交按钮提交表单

来自分类Dev

使用Jquery提交表单:提交NULL

来自分类Dev

如何使用AJAX / jQuery / JavaScript提交表单?

来自分类Dev

如何使用jquery或ajax单击提交表单