jquery - 检查所有必需的表单元素是否具有值的简单方法
问题描述
我有一个页面托管用户动态生成的表单。我不知道名称类型的字段是什么,但需要一种方法来检查所有必填字段是否都有值,然后再提交页面。我正在考虑运行一个循环来检查每个必需的元素,但是因为有些可能有多个具有相同名称的字段,所以我不确定我可以做这样的事情:
$("[required=required]").each(function() {
var nm = $(this).attr("name"),
ok = 0;
if (nm.val()) {
ok = 1;
}
});
解决方案
// Only for checkbox
$("input[type='checkbox'][required=required]").each(function() {
var ok = 0;
if ($(this).prop('checked')==true){
var ok = 1;
}
});
//For checkbox and radio
$("input[type='radio'][required=required],input[type='checkbox'][required=required]").each(function() {
var ok = 0;
if ($(this).prop('checked')==true){
var ok = 1;
}
});
//for textarea
$("textarea[required=required]").each(function() {
var ok = 0;
if ($(this).val().length>0 && typeof $(this).val() !="undefined"){
var ok = 1;
}
});
// for all type of inputs
$("[required=required]").each(function() {
var ok = 0;
// write validation for input tupe text
//write validation for input tupe number
//write validation for textarea
// write validation for select
// write validation for check box
//write validation for radio button
//write validation for any other input
});
推荐阅读
- java - Java,15个益智游戏的倒数计时器?请帮我理解定时器
- email - 如何在 Xamarin.Forms 中打开链接 mailto:address@domain.tld 到 address@domain.tld 而不是 //domain.tld?
- javascript - 端口 3000 已在使用 [nodemon] 应用程序崩溃 - 在启动前等待文件更改
- javascript - 修改 react-big-calendar 中的工具提示
- python - 如何确保在训练测试拆分期间连接训练集?
- android - 暂时保存图片,等有网络的时候再上传
- reactjs - 如何使用 ionic-react 使 android 应用全屏显示?
- c++ - 一个参数需要特化而另一个不需要特化的模板函数
- ajax - 我怎样才能让 justgage 从 Ajax 请求中刷新?
- javascript - 反应如何自动在数组中一次显示一个元素