Question

以下是我的代码

HTML

<input type="submit" onclick="OpenDialog()" value="Add Record" />      
<div id="AddBox" style="display: none">
<label>Install</label>
<input type="text" id="Install" />
<label>Payout</label>
<input type="text" id="Payout" />
<label>Start Date</label>   
<input type="text" id="reqStartDate" value="@ViewBag.StartDate" name="reqStartDate" readonly="true" />
<label>End Date</label>
<input type="text" id="reqEndDate" value="" name="reqEndDate" readonly="true" />            
</div>

JS

<script type="text/javascript">
        function OpenDialog() {
        $('#AddBox').dialog({
        title: 'New Client',
            autoOpen: false,
            resizable: false,
            show: {
    effect: "slide",
    duration: 800
  },
  hide: {
    effect: "fold",
    duration: 800
  },
   buttons: {
        "Add":function onsave() {
        $.ajax({
        url: '@Url.Action("BountyMatrix", "Marketing")',
        type: 'POST',
        data: {
        clientkey: $('#reqClientID').val(),
        install: $('#Install').val(),
        payout: $('#Payout').val(),
        StartDate: $('#reqStartDate').val(),
        EndDate: $('#reqEndDate').val()
        },

        success: function (data) {
        alert('Success');
        $('#AddBox').dialog('close');
        location.reload();
        },
        error: function (data) {
        alert('Try Again :(');
        }
        });      
        }
        },
        height: 370,
        width: 440,
        modal: false
        });

        var name = $('#Name').val();
        var address = $('#Address').val();
        $('#Dialog-Name').val(name);
        $('#Dialog-Address').val(address);
        $('#AddBox').dialog('open');
    }
    </script>

我有一个按钮，打开一个对话框，它包含没有表单标签的文本框，对话框中的按钮发布一个表单。我只是想在文本框中添加验证，如果这些框为空，则不应提交表单。如何我应该使用jquery验证吗？

Answer 1

您只需在提交表单时检查框中的值即可。即点击提交按钮。假设您的提交按钮的ID为“submit_button”，那么：

$("#submit_button").click(function(){ 
  if ($("#text_field1").val() == "")
    alert('please fill the required field')
  else if ($("#text_field2").val() == "")
    alert('please fill the required field')
  else
    return true;
});

我想你正在寻找这样的东西 http://jsfiddle.net/FJqVV/

Answer 2

你可以这样验证。

if($("#Install").val()=='')
     return false;

在OpenDialog（）函数中使用它，对于要验证的每个文本框，写入其他文件。

如何验证没有表单标签的字段？

2 个答案: