0

我不希望客户端验证验证模糊输入，就在我点击保存时。

这可能吗？我怎样才能做到这一点？

我只有一些简单的验证（基本上是空的）......我正在考虑手写它......值得吗？

4

1 回答 1

1

您可以使用纯 Javascript 或借助任何 JQuery/Prototype 和类似框架轻松完成此操作。

这是我尝试使用 JQuery 的代码

<html>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <body>
        <form id="my_form" action="http://google.com?q=ruby" method="GET">
            <input type="text" name="first_name" placeholder="First Name" /> <br/>
            <input type="text" name="last_name" placeholder="Last Name" /> <br/>
            <input type="text" name="city" placeholder="City" /> <br/>
            <input id="form_button" type="button" value="Submit"/>
        </form>
    </body>
</html>
<script type="text/javascript">
    $(document).ready(function() {
        $("#form_button").on('click', function() {
            var form_valid = true;
            $("#my_form > input[type='text']").each(function() {
                if(this.value == "") {
                    var error_span_present = $(this).next("span").length != 0;
                    if(!error_span_present) {
                        $("<span style='color:red;'>" + $(this).attr("placeholder") + " cannot be Blank </span>").insertAfter($(this));
                    } 
                    else { 
                        $(this).next("span").html($(this).attr("placeholder") + " cannot be Blank");
                    } 
                    form_valid = false;
                }   
                else {
                    if($(this).next("span").length != 0) {
                        $(this).next("span").remove();
                    } 
                }
            });
            if(form_valid){ 
                $("#my_form").submit();
            }
        });
    });
</script>

这是演示此代码的JSFiddle 。

希望这可以帮助

于 2013-02-19T06:14:46.090 回答