要让JS代码正常工作,需要进行以下几个步骤:
<script>
标签引入JS文件,确保在需要使用JS代码的位置之前引入。<script src="script.js"></script>
其中,script.js
为包含JS代码的文件名。
function validateForm() {
var username = document.forms["myForm"]["username"].value;
var password = document.forms["myForm"]["password"].value;
if (username == "") {
alert("请输入用户名");
return false;
}
if (password == "") {
alert("请输入密码");
return false;
}
}
上述代码中,validateForm()
函数用于表单验证。首先,获取表单中的用户名和密码的值。然后,通过if
语句判断用户名和密码是否为空,如果为空,则弹出相应的提示框,并返回false
,表示表单验证未通过。
onsubmit
属性,将其值设为return validateForm()
,这样在提交表单时,会调用validateForm()
函数进行验证。<form name="myForm" onsubmit="return validateForm()">
<!-- 表单内容 -->
</form>
通过以上步骤,JS代码就能在表单中正常工作了。当点击提交按钮时,会触发表单验证函数validateForm()
,根据验证结果弹出相应的提示框。若用户名和密码都不为空,则表单提交成功。
领取专属 10元无门槛券
手把手带您无忧上云