javascript-在提交表单时,先进行jquery检查,然后再进行Codeiginiter验证

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-在提交表单时,先进行jquery检查,然后再进行Codeiginiter验证，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2041字，纯文字阅读大概需要3分钟。

内容图文

表单提交按钮,我必须使用jquery检查一些验证.但是,我还使用了带有form_open(xxxx)的codeiginiter验证,这使我的提交按钮jQuery没有被调用.我该怎么做才能使两者同时起作用？之前还是之后？ (我要进行前端和后端检查)

<?php $prevURLPATH=urlencode($p); echo form_open('form/'.$usr.'/'.$name.'?prevURL='.$p); ?>


<div class="form-group row">
<label class="col-md-3 control-label text-center"></label>
<div class="col-md-8"> 
<button id="submit-upload-form" class="btn btn-primary btn-tw" onclick="setup(); return false;"><i class="glyphicon glyphicon-upload"></i>Submit</button>
<button id="validate" hidden="true" type="submit"></button>
</div>
</div>


function setup()
{ .......Checking some fields in the form...............}

我想要的是：
在“表单提交”上,先进行Jquery / JS检查(前端),然后进行后端codeigniter表单检查.

(似乎当用户单击提交按钮时,它会忽略所有的jquery验证,而直接进入codeigniter验证.我认为如果我在php中使用form_open(),我会受到很大限制吗？)

我正在追踪这个link.

希望找到答案,以便其他人知道使用Codeiginiter验证的正确方法.

感谢您到目前为止的所有回答,但是我仍然找不到正确的解决方案. :(还有其他人请帮忙吗？

解决方法:

如果您想在提交表单之前在客户端中进行验证,则可以执行以下操作：

// view
echo form_open('basic_controller/submission');
echo form_input( array('name'=>'text', 'id'=>'text_input') );
echo form_submit('my_submit', 'Enter', "id='my_submit'");
echo form_close();

// controller
function submission() {
    $field = $this->input->post('text');
    // add your checkings (backend)
}

到目前为止,这是您已经拥有的但更简单的了.
请注意,表单上的字段具有ID.现在,我们可以通过jQuery轻松操纵和访问表单的内容.在提交按钮上添加点击处理程序：

    // view
    <script type='text/javascript'>    
        $(document).on('click', '#my_submit', function() {        
            var input_value = $('#text_input').val();

            // do your frontend checkings here
            alert('before form submission. ' + input_value);
        });
    </script>

实际上,不需要为字段提供ID,只需要将ID分配给“提交”按钮,然后以其他方式访问字段(为简单起见,我只是这样做了).

编辑

在您的情况下,脚本应为：

$(document).on('click', '#submit-upload-form', function() {
    setup();
});

内容总结

以上是互联网集市为您收集整理的javascript-在提交表单时,先进行jquery检查,然后再进行Codeiginiter验证全部内容，希望文章能够帮你解决javascript-在提交表单时,先进行jquery检查,然后再进行Codeiginiter验证所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端