0

我找到了一个很好的用于美国邮政编码验证的 jquery 脚本：http: //igorgladkov.com/resources/demos/jquery.validator/demos/zip_us_validation.html 如果条目有效，则脚本写入有效，否则写入无效请参阅:) 现在我想在我的表单中使用它：

 <form action="search-by-zip.php" method="POST"">
        <span>zip-code:<input type='text' name='zipcode' value='' size='8' maxlength='7' /></span>
        <span>Distance:
            <select id="radius" name="radius">
                <option value="5">5 miles</option>
                <option value="10">10 miles</option>
                <option selected="selected" value="25">25 miles</option>
                <option value="50">50 miles</option>
            </select>
        </span>
        <input type="submit" value="Find Head Shops" name="find">
    </form>

我想这应该是可能的吧？而不是得到有效的消息，我只想提交我的表格并获得在同一页面上列出的结果。我该怎么做。我对javascript不是很熟悉。

4

2 回答 2

0

看看http://bassistance.de/jquery-plugins/jquery-plugin-validation/ ..使用jquery，易于使用，自定义，适当的文档，演示和tutorilas ...只需要加载相关的js文件并打电话

 $('#yourFormId').validate();
于 2013-03-25T14:14:53.367 回答
0

你可以这样做：

$('#zipcode').validator({
        format: 'zipUS',
        invalidEmpty: true,
        correct: function() {
            $('#validation_result').text('VALID');//Not needed
            $('form').submit();
        },
        error: function() {
            $('#validation_result').text('INVALID');
        }
    });

    $('#submit_button').click(function(e) {
        $('#zipcode').validator('validate');
    });

将您的 HTML 更改为：

 <form action="search-by-zip.php" method="POST"">
        <span>zip-code:<input type='text' id='zipcode' name='zipcode' value='' size='8' maxlength='7' /></span><br />
        <span id="validation_result" class="result"></span><br />
        <span>Distance:
            <select id="radius" name="radius">
                <option value="5">5 miles</option>
                <option value="10">10 miles</option>
                <option selected="selected" value="25">25 miles</option>
                <option value="50">50 miles</option>
            </select>
        </span>
        <input type="button" id='submit_button' value="Find Head Shops" name="find">
    </form>

我添加了一个validation_resut 跨度，将提交按钮更改为一个简单的按钮，并将一个id添加到文本输入中。

我修复了一些小错误，它可以工作......在这里测试

于 2013-03-25T14:16:45.677 回答