`
y806839048
  • 浏览: 1119943 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

form表单提交之前校验返回true之后自动提交

 
阅读更多
只有在submit按钮加onreturn 才可

<form:form action="save.do" method="post">
                <table class="table1 mTBLR_10_40" >
                    <tr>
     
                  <th colspan="4" class="fbk_th">用户信息</th>
                    </tr>
<div class="searchBtns">
                    <!--   <input type="submit" class="btn btn_green" value="提 交" /> -->
                    <input type="hidden" name="id" value="${roledetl.id}"/>
                    <input type="submit"  class="btn" value="提 交" onclick="return check()"/>
                    <input type="button"  class="btn" value="返 回" onclick="window.history.go(-1);"/>
               </div>
        </form:form>



function check() {
    var userName =$("input[name='userName']").val();
    var password =$("input[name='password']").val();
    var mobilePhone =$("input[name='mobilePhone']").val();
    var email =$("input[name='email']").val();
    var status =$("select[name='status']").val();
    var fullname =$("input[name='fullname']").val();
    /*  var orgId =$("select[name='orgId']").val(); */
    if(checkSubmitMobil()==false){
return false;
}
    if(checkSubmitEmail()==false){
  return false;
  }
    if(userName==null||userName==""||password==null||password==""){
    alert("请填写完整信息!");
    return false;
    }
    if(mobilePhone==null||mobilePhone==""||email==null||email==""){
    alert("请填写完整信息!");
    return false;
    }
    if(status==null||status==""||fullname==null||fullname==""){
    alert("请填写完整信息!");
    return false;
    }
    /* if(orgId==null||orgId==""||orgId=='0'||orgId==0){
    alert("请填写完整信息!");
    return false;
    } */
         return true;

}
分享到:
评论

相关推荐

    ext_表单提交_数据校验

    ### ext_表单提交_数据校验:深入解析与实践 #### 一、文本框输入控件(Ext.form.TextField) 在Ext JS框架中,`Ext.form.TextField`是一种用于收集用户输入的基本控件,它提供了丰富的配置选项来实现数据校验。...

    JavaScript的form表单验证中的身份证校验.pdf

    - 使用函数进行验证:`validateID("310101199001011234")` 返回 `true` #### 五、结论 通过上述方法,我们可以有效地验证用户的身份证号码是否符合基本的格式要求。虽然正则表达式能够解决大部分问题,但对于复杂...

    jQuery的form表单校验插件

    **jQuery的form表单校验插件** 在Web开发中,表单验证是必不可少的一环,它确保用户输入的数据符合预设的规则,避免无效数据的提交,提高用户体验。jQuery作为一个强大的JavaScript库,提供了丰富的功能,包括对DOM...

    基于VueElementUI快速创建生成表单进行数据校验获取表单数据

    console.error("表单校验失败"); } }); }, } ``` 总结来说,Vue和Element UI结合使用,可以高效地构建动态表单,实现数据验证和数据获取。Element UI的组件库为开发者提供了丰富的UI组件,使得表单设计变得简洁...

    原生JS经典小项目-form表单校验

    原生JavaScript的表单校验则是为了确保用户输入的数据符合预期格式和规则,提高用户体验,防止无效或恶意数据的提交。这个经典小项目旨在通过JavaScript实现对HTML表单的验证,无需依赖外部库如jQuery或其他前端框架...

    异步表单验证

    *summary:提交表单验证 */ function formok() { for (var i = 0; i ; i++) {//循环遍历验证对象 if (!arr[i].getstate()) { arr[i].alertwrong(); return false } } //判断两次输入的密码是否一样 if (!...

    form表单中什么隐藏属性可以随表单提交

    综上所述,我们可以得出结论:在form表单中,具有visibility=hidden或display=none属性的表单元素的数据都会被提交,而具有disabled=true属性的表单元素的数据则不会随表单一起提交。这在设计表单界面时非常有用,...

    jQuery form插件之formDdata参数校验表单及验证后提交

    在本文中,我们将深入探讨jQuery Form插件的使用,特别是如何使用`formData`参数进行表单数据校验以及验证后的提交。jQuery Form插件提供了一套API,使得开发者能够更轻松地处理表单数据和提交流程,这对于Web开发来...

    【JavaScript源代码】Vue之ElementUI Form表单校验.docx

    ### Vue之ElementUI Form表单校验 #### 表单校验的重要性 在前端开发过程中,表单校验是一项至关重要的功能。它不仅能够确保用户输入的数据格式正确、符合预期,还能提高用户体验,减少服务器端的压力。ElementUI...

    表单校验插件

    AutoScroll:[true,270], // 第一个不通过校验的文本框,自动滚动到该位置 true/false ,第二个参数,距离顶部像素 submitSpecialData: true // ajax提交时,另外加的特殊参数,true/false 写一个 function ...

    JavaScript阻止表单提交方法(附代码)

    如果返回`true`或没有返回值,表单会被提交。 而`check()`只是我们自定义的一个函数名,它可以在任何地方被调用,不仅限于`onSubmit`。在`onSubmit`中使用`check()`时,需要注意不要写成`"check()"`,因为这会导致...

    jQuery中validate表单提交校验Demo

    在这个"jQuery中validate表单提交校验Demo"中,我们将深入探讨如何使用这个插件实现用户注册时的表单验证。 首先,要使用jQuery Validate插件,你需要在项目中引入jQuery库和validate插件的JavaScript文件。通常,...

    vue-form表单验证是否为空值的实例详解

    Vue-form 是 Vue.js 社区中用于处理表单的库,它提供了一种便捷的方式来管理表单状态、验证和提交。在这个实例中,我们将深入探讨如何使用 Vue-form 来验证表单字段是否为空值。 首先,我们需要创建一个表单。在 ...

    struts2笔记之校验表单信息

    总结来说,Struts2的表单校验机制提供了多种灵活的方式,开发者可以根据实际需求选择适合的校验策略,确保用户输入的数据准确无误,从而提高应用的安全性和稳定性。无论是使用XML配置文件、注解还是自定义校验方法,...

    iview form清除校验状态的实现

    在进行前端表单设计和开发时,经常需要对表单的校验状态进行管理。特别是在具有动态表单功能的应用...对于使用iview框架的前端开发者来说,这些知识点非常有价值,有助于在开发过程中更加灵活地处理表单校验相关问题。

    AngularJS Form 进阶:远程校验和自定义输入项

    **AngularJS Form 进阶:远程校验和自定义输入项** AngularJS 是一个强大的前端JavaScript框架,尤其在处理Web应用程序中的数据绑定和表单管理方面表现突出。本篇文章将深入探讨AngularJS中的表单(Form)处理,...

    EasyUI中在表单提交之前进行验证

    总之,EasyUI提供的表单验证功能使得在提交表单之前进行数据校验变得简单易行。通过在`onSubmit`事件中调用`form('validate')`方法,我们可以有效地确保用户输入的数据符合预设的验证规则,从而提高应用程序的用户...

    利用AjaxSubmit()方法实现Form提交表单后回调功能

    AjaxSubmit()方法是jQuery Form插件提供的一种功能强大的表单提交方式,它允许我们在异步提交表单时实现前后端交互的回调功能,从而避免页面刷新,提高用户体验。在实际应用中,比如文件上传、表单验证等场景,...

    jquery 表单校验的插件formValidator4.01

    6. **触发验证**:在提交表单或事件触发时,调用`$("#formId").valid()`进行验证。 **三、示例代码** ```javascript $(document).ready(function() { $.validate({ modules: 'security', // 引入安全相关的验证...

    element form 校验数组每一项实例代码

    Element UI是基于Vue.js的前端UI框架,它提供了一整套的表单校验功能,可以方便开发者快速实现表单验证。校验数组中每一项是Element UI表单校验中的一个常见需求,尤其是在处理动态表单项时,我们通常会使用v-for...

Global site tag (gtag.js) - Google Analytics