我有一個腳本,用於驗證在onmouseout事件中輸入的輸入。首先,當用戶將光標從第一個輸入移開時,驗證發生並顯示錯誤消息。我想要對第二個輸入執行相同的處理,也就是說,當光標從第二個輸入移開時會顯示一條錯誤消息。下面是我的代碼:兩個在其各自元素上執行相同動作的onmouseout事件
<script type="text/javascript">
$('document').ready(function() {
$('#Make').on('mouseout', function() {
$("#carform").validate({
rules: {
Make: {
required: true
}
},
messages: {
Make: {
required: "Please enter a make"
}
},
submitHandler: function (form) {
form.submit();
}
});
if ($("#carform").valid()) {
//Do some code
}
});
$('#Model').on('mouseout', function() {
$("#carform").validate({
rules: {
Model: {
required: true
}
},
messages: {
Model: {
required: "Please enter a model"
}
},
submitHandler: function (form) {
form.submit();
}
});
if ($("#carform").valid()) {
//Do some code
}
});
});
</script>
我的觀點:
<div>
<form id="carform" method="post">
<p>
@Html.LabelFor(l=>l.Make)
@Html.TextBoxFor(l => l.Make)
</p>
<p>
@Html.LabelFor(l=>l.Model)
@Html.TextBoxFor(l => l.Model)
</p>
<p>
<input id="createCar" type="submit" value="Submit"/>
</p>
</form>
</div>
當我移動光標從輸入清除彩妝,錯誤信息能夠被看見。但是當我對第二個輸入模型做同樣的處理時,沒有看到錯誤信息。任何想法我做錯了?
我用你的代碼替換了整個javascript,但現在我什麼也沒有得到。我的控制檯上有這個錯誤:'Uncaught TypeError:i.settings [s] .call不是函數'。我需要添加其他東西嗎? – tabby
請檢查更新後的答案..對不起,錯誤的解釋.. @tabby –
酷!正是我想要做的!非常感謝!投票答案! – tabby