javascript验证form表单数据的案例详解
(编辑:jimmy 日期: 2024/11/5 浏览:3 次 )
直接po截图和代码
下面是CheckFormDemo.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>验证表单的案例</title> <link rel="stylesheet" type="text/css" href="../css/body.css" rel="external nofollow" /> <script type="text/javascript" src="/UploadFiles/2021-04-02/jsCheckDateDemo.js">下面是jsCheckDateDemo.js
/** * */ //验证表单数据 function checkForm(){ // alert(document.form1.hobby.length); // alert(document.getElementsByName("hobby").length); // alert(document.getElementsByName("hobby")[0].value); // alert(document.getElementById("myHobby")); // for (var i = 0; i < document.forms[0].hobby.length; i++) { // alert("---" + document.forms[0].hobby[i].value); // } var flag = false; for (var i = 0; i < document.form1.hobby.length; i++) { // alert(document.form1.hobby[i].value); // alert(document.form1.hobby[i].checked); if (document.form1.hobby[i].checked) { flag = true; break; } } if (!flag) {//没有一个爱好被选中 alert("请至少选择一个爱好!"); //程序也没必要再往下走了,直接return return; } if (document.forms[0].pwd.value.length < 8) { alert("密码长度不能小于8位!"); document.forms[0].pwd.focus();//让密码框获取焦点 //程序也没必要再往下走了,直接return return; } if (document.forms[0].pwd.value != document.forms[0].repeatPwd.value) { alert("两次密码输入不一致!"); document.forms[0].repeatPwd.focus();//让重复密码框获取焦点 //程序也没必要再往下走了,直接return return; } if (document.getElementById("remarks").value == "") { alert("备注不能为空!"); /* 这里可以不写return,因为程序执行到这里时,后面已经没有任何代码了,所 以写不写return都无所谓,所以就不要写return了,写了反而让人觉得你是个新手,水平有点菜! */ } }以上所述是小编给大家介绍的javascript验证form表单数据详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
下一篇:elementUI select组件默认选中效果实现的方法