织梦中自定义表单必填项JS控制
2015-12-08 15:39
555 查看
1、把以下代码保存为bitian.js文件:
$(document).ready(function() {
//验证
$('#complain').submit(function () {
if($('#name').val()==""){
$('#name').focus();
alert("用户名不能为空!");
return false;
}
if($('#tel').val()=="") {
$('#tel').focus();
alert("联系电话不能为空!");
return false;
}
if($('#title').val()=="") {
$('#title').focus();
alert("标题不能为空!");
return false;
}
if($('#text').val()=="") {
$('#text').focus();
alert("具体内容不能为空!");
return false;
}
})
});
提醒:
$('#complain').submit(function () //complain为自定义表单的ID,如果生成的表单没有可以自行加上,即 id="complain"
if($('#name').val()==""){$('#name').focus(); //#name为要验证表单中的ID,如想让用户名不能为空,在后台用户名的数据字段名设为name,下同
2、在表单模板文件中添加调用代码:
<script src='文件路径/js.js' type="text/javascript"></script>
3、保存后,重新生成网页!
$(document).ready(function() {
//验证
$('#complain').submit(function () {
if($('#name').val()==""){
$('#name').focus();
alert("用户名不能为空!");
return false;
}
if($('#tel').val()=="") {
$('#tel').focus();
alert("联系电话不能为空!");
return false;
}
if($('#title').val()=="") {
$('#title').focus();
alert("标题不能为空!");
return false;
}
if($('#text').val()=="") {
$('#text').focus();
alert("具体内容不能为空!");
return false;
}
})
});
提醒:
$('#complain').submit(function () //complain为自定义表单的ID,如果生成的表单没有可以自行加上,即 id="complain"
if($('#name').val()==""){$('#name').focus(); //#name为要验证表单中的ID,如想让用户名不能为空,在后台用户名的数据字段名设为name,下同
2、在表单模板文件中添加调用代码:
<script src='文件路径/js.js' type="text/javascript"></script>
3、保存后,重新生成网页!
相关文章推荐
- javascript: history.go(-1)和response.redirect();
- JS代码的window.location属性详解
- js正则表达式常用函数详解(续)
- angular.equals()、angular.extend()、angular.foreach()、angular.fromJson()、angular.identity()等
- 灯箱效果lightbox.js的使用示例
- 使用lightbox插件实现js点击图片放大并能关闭的效果
- JS实现下拉列表联动
- Js获取当前日期时间及其它操作
- JS中location对象使用
- 文章标题
- JavaScript让HTML静态页面传值的方法
- js正则表达式常用函数详解
- 常规功能和模块自定义系统 (cfcmms)—023自定义grid列(7子模块记录数)
- 分享100个原生JavaScript技巧1
- JS实现文本框联动
- JS文件读写
- Java抓取网页数据(原网页+Javascript返回数据)
- js原生设计模式——10适配器模式之参数适配器
- JS跨域代码
- js正则表达式学习笔记