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 に答える