Javascript 提交输入和jQuery验证出现问题
我有一张这样的表格:Javascript 提交输入和jQuery验证出现问题,javascript,asp.net-mvc,Javascript,Asp.net Mvc,我有一张这样的表格: <script type="text/javascript"> function checkpas() { var newp = $('#NewPassword').val(); var newpp = $('#RepeatedNewPassword').val(); if (newp != newpp) { return false;
<script type="text/javascript">
function checkpas()
{
var newp = $('#NewPassword').val();
var newpp = $('#RepeatedNewPassword').val();
if (newp != newpp)
{
return false;
}
}
</script>
<% using (Html.BeginForm()) {%>
<%: Html.ValidationSummary(true) %>
...
<input type="submit" id="sub_btn" value="Edit" onclick="checkpas();" />
<% } %>
函数checkpas()
{
var newp=$('#NewPassword').val();
var newpp=$('#RepeatedNewPassword').val();
if(newp!=newpp)
{
返回false;
}
}
...
但是提交输入总是调用表单提交,即使我在JS代码中返回false。为什么?您需要运行onsubmit()而不是onclick()
像这样:
<script type="text/javascript">
$("#yourformID").submit(function (evt)
{
var newp = $('#NewPassword').val();
var newpp = $('#RepeatedNewPassword').val();
if (newp != newpp)
{
return false;
}
}
</script>
$(“#yourformID”).submit(函数(evt)
{
var newp=$('#NewPassword').val();
var newpp=$('#RepeatedNewPassword').val();
if(newp!=newpp)
{
返回false;
}
}
注意:在您的ASPX中这样做可以分配一个表单ID
您需要运行onsubmit()而不是onclick()
像这样:
<script type="text/javascript">
$("#yourformID").submit(function (evt)
{
var newp = $('#NewPassword').val();
var newpp = $('#RepeatedNewPassword').val();
if (newp != newpp)
{
return false;
}
}
</script>
$(“#yourformID”).submit(函数(evt)
{
var newp=$('#NewPassword').val();
var newpp=$('#RepeatedNewPassword').val();
if(newp!=newpp)
{
返回false;
}
}
注意:在您的ASPX中这样做可以分配一个表单ID
我认为您需要返回函数结果: 而不是:
<input type="submit" id="sub_btn" value="Edit" onclick="checkpas();" />
使用:
另外,在函数中添加一个
否则返回true;
我认为您需要返回函数结果:
而不是:
<input type="submit" id="sub_btn" value="Edit" onclick="checkpas();" />
使用:
另外,在函数中添加一个否则返回true;