<script type="text/javascript">
$("#dataForm").validate({
//debug: true,
rules: {
attachment:"required"
},
messages: {
attachment: "附件不能为空"
},
errorPlacement: function(error, element) {
var classes = element.attr('class');
if (classes.indexOf('Wdate') != -1) {
element.parent().append(error).append(" ");
} else {
error.appendTo(element.parent());
}
},
submitHandler: function(form) {
var url = "${contextPath}/service/pageReq";
var content = "";
$("#dataForm").ajaxSubmit({
url : "${contextPath}/service/pageReq",
type : 'post',
dataType : "json",
data : {"content":content,"needcontrolprocess": "inspectionFileBusiness.injectSaveInspectionFile"},
success : function(result) {
if (result.status == 'FAIL') {
art.dialog({
title : '消息',
//width : '300px',
content: result.processMsg,
lock : true,
ok: true
});
} else {
_myDialog.close();
doSearch();
art.dialog({
title : '消息',
width : '300px',
content: result.processMsg,
lock : true,
ok: true
});
}
}
});
}
});
$(document).ready(function() {
$('#button-submit').click(function() {
$("#dataForm").submit();
});
});
</script>
分享到:
相关推荐
1. 引入资源:首先,你需要在页面中引入jQuery库和jQuery Validate插件的JS文件,例如`jquery.js`和`jquery.validate.min.js`。 2. 初始化验证:使用`.validate()`方法对表单进行初始化,如`$("#myForm").validate()...
本篇将详细探讨如何使用jQuery库的validate.js插件和Poshytip工具进行高效且友好的表单验证。 jQuery.validate.js是一个非常流行的JavaScript库,用于对HTML表单进行客户端验证。它提供了丰富的内置验证规则,如...
<script src="path/to/jquery.validate.js" type="text/javascript"> ``` 确保 `jquery.js` 是 jQuery 的最新版本,而 `jquery.validate.js` 是 jQuery Validate 插件的文件路径。 接下来,我们来看一下默认的验证...
`jquery-1.8.2.min.js`是jQuery库的一个版本,它是`koo.js`运行所依赖的。虽然`koo.js`可能已经更新了许多jQuery的功能,但仍然需要基础的jQuery库来处理DOM操作和其他辅助任务。 `koo.datepicker.css`则可能是一个...
`jQuery Validate`是一个广泛使用的JavaScript插件,专为jQuery库设计,用于实现表单验证功能。这个插件使得在前端创建高效、用户友好的验证规则变得简单易行,避免了无效或不完整的用户输入提交到服务器,提高了...
`jQuery Validate`是基于`jQuery`的一个插件,专门用于实现客户端的表单验证,它可以高效且易于地实现对数字、字数、必填项等各种类型的验证。 在"jquery表单验证实例,对数字,字数,必填项等校验"这个项目中,...
<script src="jquery.validate.min.js"> <link rel="stylesheet" href="jquery.validate.css"> <script src="jquery.validate/localization/messages_zh.js"></script> <!-- 例如,选择中文语言文件 --> ``` 三、...
首先,使用`jQuery Validate`需要引入相关的文件,包括`jquery.validate.js`作为核心验证框架,`additional-methods.js`包含了一些额外的验证方法,`messages_cn.js`用于本地化消息,以及`jquery.validate.css`定义...
<script src="js/jquery.validate.min.js"> <!-- 表单元素 --> $(document).ready(function() { $("#myForm").validate(); }); ``` 3. **规则定义** jQuery Validate允许我们为每个表单字段定义...
总结来说,jQuery Validate插件为开发者提供了强大的表单验证功能,包括基本的非空检查、格式验证以及自定义验证。通过合理的配置和使用,我们可以创建出既友好又安全的用户注册表单,提高用户的交互体验。在实际...
1. **验证规则(Rules)**:`jQuery Validate`通过设置验证规则来指定输入字段必须满足的条件,如非空、长度限制、邮箱格式等。 2. **错误消息(Messages)**:当验证失败时,插件会显示错误消息,开发者可以自定义...
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js"> ``` 2. 初始化验证:接着,我们需要在jQuery的$(document).ready()函数中初始化验证。通过调用`.validate()`...
### jQuery Validate.js 表单验证的基本用法入门 #### 一、引言 随着Web开发技术的不断进步,JavaScript框架的出现极大地简化了前端开发工作。其中,jQuery因其轻量级、易用性以及强大的功能成为了众多开发者的...
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js"> ``` 三、基本用法 1. 初始化验证:在表单元素上添加 `id`,然后在文档加载完成后调用 `validate()` 方法初始...
<script src="js/jquery.validate.min.js"> ``` 接着,我们可以在jQuery的`$(document).ready()`函数中初始化验证: ```javascript $(document).ready(function() { $("#myForm").validate({ rules: { username...
1. **jQuery库**:validate插件依赖于jQuery,因此压缩包中应包含jQuery的核心JavaScript文件,如`jquery.js`或`jquery.min.js`。这是整个验证功能的基础,提供了选择器、事件处理和DOM操作等功能。 2. **validate...
<script src="path/to/jquery.validate.min.js"> <script src="path/to/localization/messages_zh.js"> <link rel="stylesheet" href="path/to/your.css"> <!-- ... --> 提交 $(document).ready...
在Web开发中,jQuery Validate是一个常用的JavaScript库,用于表单验证。它提供了丰富的验证规则和易于使用的API,帮助开发者确保用户输入的数据满足特定条件。然而,当遇到需要验证数组类型的输入时,可能会出现...
<script src="js/jquery.validate.min.js"> ``` 2. **定义规则**:接着,使用`.validate()`方法为表单定义验证规则,通过`rules`参数设置每项输入的验证条件,通过`messages`参数设置验证失败时的提示信息。例如...
首先,我们需要引入jQuery库以及`jquery.validationEngine.js`和其相关的CSS文件,如`jquery-1.6.min.js`或`jquery-1.7.2.min.js`,`jquery.validationEngine-en.js`(英文语言包)和`validationEngine.jquery.css`...