Javascript 表单验证函数没有';不要在提交时运行
我有一个用于验证表单值的函数。我已经将它添加到Javascript 表单验证函数没有';不要在提交时运行,javascript,html,Javascript,Html,我有一个用于验证表单值的函数。我已经将它添加到onsubmit属性中,但它不会在应该运行的时候运行。我已经把它放在了主体内部和submit按钮之前,但是页面在一开始就运行了这个功能 我希望在最后运行checkForm以验证数据输入,但每当我提交表单时,页面都会刷新 是否在错误的位置定义或调用了我的函数?我需要做哪些更改来阻止页面刷新并让我的函数验证表单数据 <div id="mc_embed_signup"> <form id="form" method="post" on
onsubmit
属性中,但它不会在应该运行的时候运行。我已经把它放在了主体内部和submit按钮之前,但是页面在一开始就运行了这个功能
我希望在最后运行checkForm
以验证数据输入,但每当我提交表单时,页面都会刷新
是否在错误的位置定义或调用了我的函数?我需要做哪些更改来阻止页面刷新并让我的函数验证表单数据
<div id="mc_embed_signup">
<form id="form" method="post" onsubmit="return checkForm(this)">
<script>
function checkForm(form)
if(radioValue = checkRadio(form.radiofield)) {
return true;
else {
alert("Seleccione un tipo de operación");
return false;
}
return true;
</script>
功能检查表(表格)
if(radioValue=检查无线电(form.radiofield)){
返回true;
否则{
警报(“运营管理委员会”);
返回false;
}
返回true;
您可以使用JS的preventDefault()
来防止提交时刷新
有关详细信息->请转到此处:您可以使用JS的
preventDefault()
来防止提交时刷新
有关详细信息->请点击此处:
$(“#表格”)。关于('submit',函数(e){
e、 预防默认值();
//调用你的函数
$(“#表格”)。提交();
});
这应该是可行的;
$(“#表格”)。关于('submit',函数(e){
e、 预防默认值();
//调用你的函数
$(“#表格”)。提交();
});
这应该是可行的;你能发布你的函数吗?它可能会运行
检查表单
,然后继续提交表单。如果表单有错误,你必须防止这种情况发生在你的函数中。函数定义的位置不应该有什么区别,在你提交表单之前不应该调用它。如果你能发布您尝试验证的表单字段示例也会很有帮助。我猜函数中有错误。显示它我无法理解您在这里尝试完成的操作。您有一个
标记,但里面没有表单。您的onsubmit
函数只返回一个布尔值,所以我不知道如果您需要表单,您可以使用单击事件。radioValue
来自何处?它不在您提供的代码中。此外,表单.radiofield
无效,因为您的表单中没有此类元素。是的,页面刷新将不允许您的功能工作。您可以发布您的功能吗?可能是这样的运行检查表单
,然后继续提交表单。如果表单有错误,您必须防止在函数中发生这种情况。函数定义的位置不应该有区别,在您提交表单之前不应该调用它。如果您可以发布一个您试图验证的表单字段示例,则t也会很有帮助。我猜函数中有一个错误。Show it我不明白您在这里要完成什么。您有一个
标记,但里面没有表单。您的onsubmit
函数所做的就是返回一个布尔值
,因此我看不出需要表单,您可以使用单击
事件。radioValue
来自何处?它不在您提供的代码中。此外,表单.radiofield
无效,因为表单中没有此类元素。是的,页面刷新将不允许您的功能工作。
<script>
$("#form").on('submit', function(e){
e.preventDefault();
// call your function
$("#form").submit ();
});
</script>