$("form").submit(function () { if (check()) { return false; } $("#userMess").html("2342"); $("#psssMess:eq(1)").html("234234"); return true; });代码解释
时间: 2024-01-31 17:04:50 浏览: 15
这段代码是使用 jQuery 绑定表单提交事件的方法。当表单提交时,首先会调用 `check()` 函数进行表单验证,如果该函数返回 true,说明表单验证不通过,于是就会阻止表单的提交,否则会执行下面的代码。
代码中先在 `#userMess` 元素中插入 "2342",然后在 `#psssMess` 的第二个匹配元素中插入 "234234"。最后返回 true,允许表单提交。如果返回 false,就会阻止表单提交。
需要注意的是,该代码中的 `#userMess` 和 `#psssMess` 很可能是输错了,应该是 `#userMess` 和 `#passMess`。另外,该代码中的 `check()` 函数没有给出,需要自己实现表单验证逻辑。
相关问题
function check(){ var gonghao = document.formAdd.gonghao.value; if(gonghao == "") { alert("学号不能为空!"); return false; } var xingming = document.formAdd.xingming.value; if(xingming == "") { alert("学生姓名不能为空!"); return false; } return true; }
这是一个 JavaScript 函数,用于检查表单中的两个字段是否为空,如果为空则弹出警告框,并返回 `false`,阻止表单提交;如果不为空,则返回 `true`,允许表单提交。
该函数的具体实现方式如下:
```javascript
function check() {
var gonghao = document.formAdd.gonghao.value;
if (gonghao == "") {
alert("学号不能为空!");
return false;
}
var xingming = document.formAdd.xingming.value;
if (xingming == "") {
alert("学生姓名不能为空!");
return false;
}
return true;
}
```
其中,`document.formAdd.gonghao.value` 和 `document.formAdd.xingming.value` 分别获取了表单中两个字段的值,并进行了非空判断。如果字段为空,则弹出警告框,并返回 `false`,阻止表单提交;如果字段不为空,则返回 `true`,允许表单提交。
该函数通常会被绑定到表单的 `onsubmit` 事件上,以便在用户提交表单时进行检查。例如:
```html
<form name="formAdd" onsubmit="return check()">
<input type="text" name="gonghao">
<input type="text" name="xingming">
<input type="submit" value="提交">
</form>
```
在此示例中,当用户点击表单中的 "提交" 按钮时,会自动调用 `check` 函数进行表单数据检查。如果表单数据符合要求,则表单会被提交;否则,弹出警告框,并阻止表单提交。
export default { mixins: [mixin], components: {}, data() { return { url_submit: "~/api/user/change_password?", field: "user_id", query: {}, form: { "o_password": "", "password": '', }, confirm_password: '' } }, methods: { get_form() { var _this = this; this.$get(this.url_get_obj, null, function(res) { if (res.result && res.result.obj) { $.push(_this.form, res.result.obj); } }); }, submit_before(param){ var p = Object.assign({},param); return p; }, submit_check(param) { if (this.form.password !== this.confirm_password) { return "密码和确认密码不一致!" } return null; }, submit_after(res, status) { this.$store.commit("quit"); this.$router.push("/login"); } }, created() { this.form.username = this.user.username; this.get_form(); } }
这是一个 Vue.js 的组件定义,其中包含了一个名为 `change_password` 的组件。该组件使用了一个名为 `mixin` 的 mixin,并定义了一个包含以下属性的 data 对象:
- `url_submit`:表示提交表单时的请求路径
- `field`:表示提交表单时需要携带的字段
- `query`:表示提交表单时需要携带的查询参数
- `form`:表示表单数据对象,包含了 `o_password` 和 `password` 两个属性
- `confirm_password`:表示确认密码输入框的值
该组件还定义了以下方法:
- `get_form`:发送一个 GET 请求,获取当前用户的数据,并将其填充到表单中
- `submit_before`:在提交表单前对表单数据进行处理的方法
- `submit_check`:在提交表单前对表单数据进行校验的方法,如果校验不通过,返回错误信息
- `submit_after`:在提交表单成功后的回调函数,该函数会将用户退出,并跳转到登录页面
在 `created` 钩子函数中,该组件会为表单的 `username` 属性赋值为当前用户的用户名,并调用 `get_form` 方法来初始化表单数据。