简单jquery+；javascript不工作：添加"；。“有错误”；不工作且未定义onclick事件

我正在使用jQuery2.1.4和javascript进行简单的引导表单验证

我发现了3个奇怪的东西

我确信我的jQuery代码在

元素的

onblur

和

onfocus

事件中工作（您可以在my中尝试），但我看不到

有错误
类样式。当然，我在
部分介绍了
boostrap.css
等

将我的段落缩进到屏幕左侧的最后，它隐藏了部分内容，我一定是用错了，但我不知道为什么

Cancelar

按钮不工作。我试过

和像小提琴一样的普通url，没有用。FF抱怨

取消未定义

。 允许我像以前那样定义纯Javascript函数（将Javascript与jQuery混合），还是必须这样绑定它：

$（'#xxxId'）。单击（function（）{}）

---

谢谢大家。

有错误

可以工作，但您需要做一些更改。首先，应该将类添加到父节点

表单组

，其次，您的

字段应该具有类

表单控件

。HTML的外观如下所示：

<div class="form-group has-error">
    <label class="control-label" for="tarjetaId">No. Tarjeta:</label>
    <div class="controls">
        <input class="input-xlarge form-control" id="tarjetaId" name="usuarioCompra.numeroTarjeta" value="" />
    </div>
</div>

至于

.form group

，给你的版面留一个负边距。您正在使用

.row

作为其父级，它也有负边距。所以你实际上应用了两层负边距。拥有

是多余的

最后，申报

function cancelar() {
    window.location = "/listaReservas.jsp";
};

---

在全局范围内，这意味着超出

$（document）.ready（）

。提交按钮的HTML应该有

onclick=“cancelar（）”

而不是

onclick=“cancelar”

在CSS中混合了引导2和引导3类。所以我尝试了

错误

，但没有用。你是说这个查看具有错误输入的结构。首先-输入必须具有窗体控件类，其次-has error类必须设置为输入的父级。通过混合BS2和BS3，我的意思是你使用了BS3不支持的类，如span8等。谢谢！也许我应该仔细看看。我读过“将类添加到父级”，但我猜“表单控件是必须具备的”是隐含的…好吧，现在颜色正常了，但是

。表单控件
使其具有100%的宽度，虽然我希望它更宽一些…
。表单内联
没有呈现警告颜色。。它也可以与
。表单内联
一起使用，因为
。表单内联
是
。表单组
：）的父级。接下来，您可以稍微更改引导CSS，
有错误
将不依赖于
表单控件
。或者您可以将
.form control
的宽度设置为150px。它不是
window.location.href
而不是
window.location
？是的，您已经纠正了我所有的错误，谢谢！尤其是最后一个，对我来说一直是个神话。而且
.form控件
正在工作，但长度为
100%
。我可以缩短它吗？我尝试应用
col-lg-4
，但没有成功。还有一件事：在jquery脚本中哪里可以定义变量？我试过：
var cuenta=$（“#xxxxId”）有时我会得到
未定义的
错误。那么，将这些
var
放在哪里呢？在jquery部分的第一个部分，或者在事件函数之前，或者在函数内部？？另一个误区是……@faithreper有关输入宽度控制的信息，您应该在
$（document.ready（）
function cancelar() {
    window.location = "/listaReservas.jsp";
};