Javascript 验证Twitter引导模型中的表单

我有一个带有一些必填字段的模式表单，但当我点击submit时，表单只是重新加载，没有收到任何用于提交表单jQuery的验证消息，如下所示：

<script>
    $('#InfroTextSubmit').click(function(){
        $('#InfroText').submit();
    });
</script>

$（“#INFORTEXTSubmit”）。单击（函数（）{
$（'#INFORTEXT'）。提交（）；
});

Twitter引导模式代码为：

<!-- Modal1 -->
<div id="myModal1" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Edit Introduction</h3>
  </div>
  <div class="modal-body">
    <form id="InfroText" method="POST">
      <input type="hidden" name="InfroText" value="1"/>
      <table>
        <tr><td>Title</td><td><input type="text" name="title" style="width:300px" required="require"/></td></tr>
        <tr><td>Introudction</td><td><textarea name="contect" style="width:300px;height:200px"></textarea></td></tr>
      </table>
    </form>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary" id="InfroTextSubmit">Save changes</button>
  </div>
</div>
<script>
    $('#InfroTextSubmit').click(function(){
        $('#InfroText').submit();
    });
</script>

×
编辑简介
标题
介绍
接近
保存更改
$（“#INFORTEXTSubmit”）。单击（函数（）{
$（'#INFORTEXT'）。提交（）；
});

那么，如果表单出现问题，我如何验证表单，而不让模型关闭并重新加载呢

---

关于，

如果添加了必需的属性，则无需添加任何脚本来验证表单文本字段

试试这个

或

您可以将

“数据解除=模式”

添加到“InforotextSubmit”按钮，然后在“

#InforotextSubmit

”单击功能上使用“return false”以防止表单关闭。如果表单有效，则调用“submit（）”

按钮代码：

<button class="btn btn-primary" data-dismiss="modal" aria-hidden="true" id="save">Save changes</button>

$('#save').click(function(){

    if ($('#myField1').val()==="") {
      // invalid
      $('#myField1').next('.help-inline').show();
      return false;
    }
    else {
      // submit the form here
      $('#InfroText').submit();
      return true;
    }     
});

验证本身有几种不同的方法

---

使用Bootply：

我对上面的输入type='text'尝试了这个required=“required”，但它正在关闭模型。尝试

required=“required”

或我提供的第二个。它记录在哪里？它在Bootstrap3+中不起作用。它被移除了吗？我看到的只是手动添加“has error”类的方法。在引导过程中，我知道您必须将

数据规则required=“true”

添加到输入中。所以，若您不输入值并提交，它将在输入的末尾添加一个标签，消息为“thisfield is required”。添加类“has error”以将其显示为红色

required=“required”

仅来自HTML。因此，如果您不使用引导，并且被称为

required=“required”

它将显示消息来填充字段。那里不需要引导：）