前端form表单验证怎么做

Posted 2023-04-09

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端form表单验证怎么做相关的知识，希望对你有一定的参考价值。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<BODY>
<form action="http://www.baidu.com" onsubmit="return toVaild()">
<input type="text" id="ff">
<input type="submit" id="submit" value ="提交"/>
</form>
</BODY>
<script language="javascript">
function toVaild()
var val = document.getElementById("ff").value;
alert(val);
if(val == "可以提交")
alert("校验成功，之后进行提交");
return true;

else
alert("校验失败，不进行提交");
return false;

</script>
</HTML>
上面的网页中，只有在id="ff"的输入框中输入“可以提交”，才进行表单提交；否则不提交。参考技术A 在oninput方法里判断输入的值

怎么使用jquery提交表单

前面表单都可以验证，最后submit方法不对吗，应该怎么写来提交表单。

jquery提交表单有两种情况：
1：jquery只做提交用。
$("form").submit();

这个的表单提交到什么地方的是更具form元素里面的action属性去定义的。

2：jquery用ajax提交数据。
$.ajax(
type:"post",
url:"xxx.php", // 这里是提交到什么地方的url
data:, // 这里把表单里面的数据放在这里传到后台
dataType:"json",
success:function(res)
// 调用回调函数

); 参考技术A 　　你好，不是按钮的提交而是表单的提交，按钮是没有提交方法的
　　 $('form').submit();
　　也可以给form添加class和id，然后$(.class)或者$(#id).submit()都可以提交追问

$("#regist") 这个是表单的id，求指点啊

追答

表单id的话是可以提交的，看有没有执行最后的else，看你的表单怎么写的

追问