为什么我最后提交的按钮调用CheckForm方法的时候没有用?
时间: 2024-03-15 17:47:21 浏览: 23
你的代码中,点击提交按钮时调用的是 CheckForm 函数,但是这个函数没有阻止表单的默认提交行为。因此,当函数返回 false 时,表单还是会被提交,导致你没有看到校验结果。
为了解决这个问题,你可以将提交按钮的类型从默认的 "submit" 改为 "button",并在点击按钮时调用 CheckForm 函数。这样可以阻止表单的默认提交行为,而且可以根据校验结果决定是否提交表单。
例如,你可以将代码修改为:
```html
<input type="button" class="btn-success" onclick="if(CheckForm()) document.getElementById('MyForm').submit();" value="提交" />
```
这样,当校验通过时才会提交表单,否则不会提交。
相关问题
帮我形成一个登陆页面 , 要求表单验证是否为空否则不能提交进行提示,用中文写
好的,我可以帮您形成一个登陆页面。以下是一个简单的 HTML 代码示例:
```
<!DOCTYPE html>
<html>
<head>
<title>登陆页面</title>
<meta charset="UTF-8">
<script>
function checkForm() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if (username == "" || password == "") {
alert("用户名和密码不能为空!");
return false;
}
return true;
}
</script>
</head>
<body>
<form action="login.php" method="post" onsubmit="return checkForm()">
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br><br>
<input type="submit" value="登陆">
</form>
</body>
</html>
```
在这个代码中,我们使用了 JavaScript 来进行表单验证。当用户点击“登陆”按钮时,会触发 checkForm() 函数。该函数会获取用户名和密码的值,如果其中有一个为空,则会弹出提示框,阻止表单提交。如果都不为空,则返回 true,允许表单提交到 login.php 页面。
希望这个代码能够帮到您!
判断表单为英语则不提交
这个功能可以通过前端JavaScript来实现。可以在表单提交前通过JavaScript获取表单中输入框的值,然后判断是否包含英文字母。如果包含英文字母,就不提交表单,否则就提交表单。以下是一个简单的示例代码:
```javascript
function checkForm() {
var input = document.getElementById("inputBox").value;
var regex = /[a-zA-Z]/g;
if (regex.test(input)) {
alert("表单中包含英文字母,不能提交!");
return false;
}
else {
return true;
}
}
```
这段代码会获取表单中ID为"inputBox"的输入框的值,然后用正则表达式检查是否包含英文字母。如果包含英文字母,就弹出提示框并返回false,否则返回true,表单就会继续提交。