Javascript 我的脚本没有';行不通
我想更改元素所需的消息,但我不知道为什么我的脚本不能工作!src是正确的吗Javascript 我的脚本没有';行不通,javascript,html,asp.net-mvc-5,Javascript,Html,Asp.net Mvc 5,我想更改元素所需的消息,但我不知道为什么我的脚本不能工作!src是正确的吗 <head> <script src="/Scripts/jquery-1.10.2.js"></script> <script src="/Scripts/jquery-1.10.2.min.js"></script> <script> $('#form1 input[type=text]').on('change invalid', f
<head>
<script src="/Scripts/jquery-1.10.2.js"></script>
<script src="/Scripts/jquery-1.10.2.min.js"></script>
<script>
$('#form1 input[type=text]').on('change invalid', function () {
var textfield = $(this).get(0);
// 'setCustomValidity not only sets the message, but also marks
// the field as invalid. In order to see whether the field really is
// invalid, we have to remove the message first
textfield.setCustomValidity('');
if (!textfield.validity.valid) {
textfield.setCustomValidity('Some message... ');
}
});
</script>
$('#form1 input[type=text]')。在('change invalid',函数(){
var textfield=$(this).get(0);
//'setCustomValidity不仅设置消息,还标记
//该字段无效。为了查看该字段是否确实有效
//无效,我们必须先删除该消息
textfield.setCustomValidity(“”);
如果(!textfield.validity.valid){
setCustomValidity('somemessage…');
}
});
这是尸体。
省
城市
。
.
.
此
$('#form2 input[type=text]')。on('change invalid',function(){var textfield=$(This).get(0);})代码>你忘记了};但是在html中,您没有声明form2的id,因此我认为这是$('input[type=text]')。on('change invalid',function(){var textfield=$(this).get(0);})代码>您必须先学会如何调试代码。选中此链接在运行代码设置事件处理程序时,您的#form2 input[type=text]
元素不存在。请参阅链接问题的答案。(您还需要在输入周围添加一个带有id=“form2”
的元素,或者更改选择器。)您还忘了在末尾关闭)
:)是的,刚才看到了,谢谢您这么说,在手机上写代码并不好:)@notannimad。非常感谢您的回复。在这个链接中,}和)在末尾。运行脚本需要什么src?您需要jquery,但如果我是您,我会删除src中的~
<form id="form1" class="form-basic" action="~/MortgageAndRent/InsertMortgageAndRent/" method="post" >
<input type="hidden" name="UserId" value="@Model.UserId" />
<div class="form-row">
<label>
<span>Province</span>
<input type="text" name="AddressViewModel.Province" value="@Model.AddressViewModel.Province" required />
</label>
</div>
<div class="form-row">
<label>
<span>City</span>
<input type="text" name="AddressViewModel.City" value="@Model.AddressViewModel.City" required />
</label>
</div>