如何验证表单内部的输入和表单外部的提交按钮
How to validate inputs inside form and submit button outside the form
根据需求,我正在尝试验证表单。
实际上我是传递表单输入元素在bootbox模态对话框和传递提交按钮动态模态对话框。
当input type=submit存在时,它能够验证表单输入。但是有没有提交按钮里面的形式,因为我在模态传递它,它是无法验证的形式。例如:
<form id="form_id">
Name:<input type="text" required>
<input type="submit" value="Submit">
</form>
$("#form_id").submit(function(e)){
//validation is ok
return false;
}
这是可以的,但是,现在在modal:
var data="<form id="form_id">
Name:<input type="text" required>
</form>"; //getting from server
$.ajax({
url : 'url',
type : 'get',
async : true,
data : data,
success : function(data) {
modalDialog = bootbox.dialog({
size : 'large',
title : "Title"
show : false,
message : data,
buttons : {
success: {
label : "Close window",
className : "btn-default",
callback : function() {
return false;
//after clicking submit button it should ask required if no data input,and stay in dialog as what happened previous scenario.But dialog is closed.
}
}
}
});
modalDialog.on('shown.bs.modal', function() {
});
modalDialog.modal('show');
}
});
试一下
将required添加到html
的输入类型中 <form id="frmPlate">
<input type="text" name="Name" required="required" />
</form>
<button type="submit" onclick="CheckValidation();"> Submit</button>
你可以在jquery中验证如下代码
function CheckValidation(){
var frmvalid = $("#frmPart").valid();
if (!frmvalid) {
return false;
}
}
当满足所有条件时,使用JavaScript提交表单。
document.getElementById('form_id').submit();
或jquery
("#'form_id'").submit();
现在这是你的代码添加了"submit"
var data="<form id="form_id">
Name:<input type="text" required>
</form>"; //getting from server
$.ajax({
url : 'url',
type : 'get',
async : true,
data : data,
success : function(data) {
modalDialog = bootbox.dialog({
size : 'large',
title : "Title"
show : false,
message : data,
buttons : {
success: {
label : "Close window",
className : "btn-default",
callback : function() {
("#'form_id'").submit();
return false;
//after clicking submit button it should ask required if no data input,and stay in dialog as what happened previous scenario.But dialog is closed.
}
}
}
});
modalDialog.on('shown.bs.modal', function() {
});
modalDialog.modal('show');
}
});
相关文章:
- 可以't让我的if语句处理js中的html表单输入
- 如何在submit to sightly时将表单输入值作为参数传递给WCMUsePojo
- 单击鼠标,用MySQL数据填充html表单输入字段
- 从HTML表单发布blob的表单输入类型是什么
- 在不使用PHP的情况下将表单输入值获取到Javascript中
- 在Chrome中重新加载页面后清除表单输入值
- CasperJS填充表单-输入名称有方括号
- 表单输入字段随着溢出的文本而增长
- Highcharts:根据表单输入动态显示数据
- 如何在为表单输入分别处理$(this)和$时编写DRY代码
- 如何从AngularJS表单输入中生成一个永久变量
- 将表单输入保存到txt,弹出结果,不更改页面
- 在表单输入字段中创建默认值
- 如何根据提交表单时下拉框中的值禁用html表单输入框
- 使用jQuery延迟表单输入,并在延迟后在同一页面上显示结果
- Jquery无法找到给定表单id的表单输入
- 如何使用javascript验证在表单输入中避免负值、浮点值和十进制值
- 对表单输入执行计算
- Javascript 重复表单输入
- 使用 JavaScript 计算并添加表单输入的值